Stil mit {stil}

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; }

Tabelle mit der Eigenschaft border-collapse: collapse

Objekt	Benutzung	Bild
Teekanne	Tee servieren
Muffins	Zum Tee reichen
Früchte	Zur Erfrischung

Tabelle ohne Deklaration von border-collapse oder mit der Eigenschaft border-collapse: separate

Objekt	Benutzung	Bild
Teekanne	Tee servieren
Muffins	Zum Tee reichen
Früchte	Zur Erfrischung

zurück zum Seitenanfang