Webdesign mit CSS, HTML und Javascript
Stil mit {stil}
Fotokurse und Schulungen»Digitale Fotografie - Bildgestaltung« Noch nie war es so einfach, Fotografieren zu lernen |
Fotografie von ihrer besten Seite: Aktuelle Kameras, Bildbearbeitung und Fototipps auf foto.5lux.de |
Nov 2007
CCS Stile für die Rahmen von Tabellen
Wenn für Tabellenzellen ein Rahmen mit der CSS-Eigenschaft border definiert ist, hat jede Zelle ihren separaten Rahmen, so dass nebeneinander liegende Zellen durch zwei Rahmen voneinander getrennt sind. Die zusätzliche CSS-Eigenschaft border-collapse wählt das Rahmenmodell einer Tabelle. Zwei Rahmenmodelle stehen zur Wahl: collapse und separate. Wenn Tabellenzellen mit einem Rahmen gerendert werden, entsteht ein doppelten Rahmen durch nebeneinander liegende Zellen. border-collapse fügt die nebeneinander liegenden Rahmen zu einem Rahmenstrich zusammen.
border-collapse
Alle modernen Broser CSS2 Erblich: Ja
- border-collapse
- collapse | separate
- collapse
- Im collapse-Modell hat die Tabelle einen äußeren Rand und benachbarte Zellen teilen sich die internen Rahmen (in Netscape erscheint dieses Modell als separate-Modell).
- separate
- Im separate-Modell hat die Tabelle einen separaten äußeren Rahmen und jede Zelle besitzt einen eigenen separaten Rahmen. Der äußere Rahmen der Tabelle berührt die einzelnen Zellenrahmen nicht. Mit CSS2.1 ist "separate" die Voreinstellung.
Kollabierende Rahmen für Zellen
table.rahmen { border-collapse: collapse; border: 1px solid silver; }
table.rahmen td { border: 1px solid silver; }
table.rahmen th { border: 1px solid silver; }
| Objekt | Benutzung | Bild |
|---|---|---|
| Teekanne | Tee servieren | ![]() |
| Muffins | Zum Tee reichen | ![]() |
| Früchte | Zur Erfrischung | ![]() |
| Objekt | Benutzung | Bild |
|---|---|---|
| Teekanne | Tee servieren | ![]() |
| Muffins | Zum Tee reichen | ![]() |
| Früchte | Zur Erfrischung | ![]() |
Webseiten mit CSS gestalten
Element-, Klassen- und ID-Selektoren
background & color Farben
font Schriftgestaltung auf Webseiten
text-align • Ausrichten von Texten
- letter-spacing • Raum zwischen Zeichen
- text-decoration • Text unterstreichen
- text-indent • Text einrücken
- text-transform • Großschreibung / Versalien
- white-space • Zeilenumbruch in Texten
- word-spacing • Raum zwischen Wörtern
- vertical-align • Hochstellen / Tiefstellen
- direction | unicode-bidi • Laufrichtung von Texten
width height
margin • äußerer Abstand
list-style Listen und Aufzählungen
position Positionierung
table Tabellen
user interface Mauszeiger / cursor
visibility Sichtbarkeit
generated content • Autom. generierte Zähler
Kurzreferenz CSS 2.1-Eigenschaften
Fotokurse und Schulungen



