72.
Spezielle CSS-Tabelleneigenschaften (28.11.2001)
Die CSS2-Spezifikation beinhaltet neben den bereits bekannten einige weitere Rahmeneigenschaften für die Tabellenformatierung. Mit Border-Collapse lassen sich zwischen Tabellenzellen zusammenfallende (collapse) oder voneinander getrennte (separate) Rahmenlinien anlegen.
Border-Spacing ist für den Abstand zwischen benachbarten Zellen bzw. zur Außenumrandung der Tabelle zuständig, vergleichbar mit dem bekannten TABLE-Attribut CELLSPACING. Die Darstellung von leeren Tabellenzellen kann mittels Empty-Cell beeinflusst werden:
show zeigt leere Zellen an, hide versteckt sie. Darüber hinaus können mit dem Eigenschaftswert inherit jeweils die Eigenschaften übergeordneter Tabellen-Elemente vererbt werden.
Die Browserunterstützung ist durchwachsen: IE 5.5 und 6.0 ignorieren Border-Spacing und Empty-Cell, Netscape 6.1 zeigt Border-Collapse: collapse wie Border-Collapse: separate an (setzt man die Eigenschaft nur für TDs, fällt immerhin der Außenrahmen der Tabelle weg), kennt aber Border-Spacing und Empty-Cell.
Nur Opera 5.x kommt mit allen genannten Eigenschaften klar. Über den seit 1997 in Sachen CSS nicht mehr weiter entwickelten Netscape 4.x hüllen wir an dieser Stelle einmal mehr den Mantel der Verschwiegenheit ... =:^)
Beispiel 72a:
TABLE, TD
{
Border-Collapse: collapse;
Border: 2px solid #0000CC;
}
Beispiel 72b:
TABLE, TD
{
Border-Collapse: separate;
Border: 2px solid #009900;
}
Beispiel 72c:
TABLE
{
Empty-Cells: show;
Border-Spacing: 20px;
}
TD
{
Border-Collapse: separate;
Border: 2px solid #FF0000;
}
Etwa so sollte das Ergebnis der Beispiele 72 a bis c aussehen:
|