Tabellenformatierung
table-layout | caption-side | border-collapse |
border-spacing | empty-cells
Die Eigenschaften fr die Tabellenformatierung sind erst mit CSS 2 definiert worden und werden daher nicht durchgehend von allen Browsern interpretiert.
table-layoutzur Übersicht 
Die Eigenschaft table-layout legt fest, ob die Breite einer Tabelle automatisch vom Browser berechnet werden soll oder der festgelegten Breite entspricht.
Werte
auto | fixed | inherit
Standardwert ist auto
Vererbung
Nein
Beispiel
table{
table-layout: fixed;
width: 400px;
}
caption-sidezur Übersicht
Der HTML-Tag caption (Tabellenüberschrift) kann durch die CSS Eigenschaft caption-side formatiert werden. Sie gibt an, wo die Überschrift in Bezug auf die Tabelle positioniert wird.
Werte
top | bottom | left | top | inherit
Die Werte left und top waren in CSS 2 noch vorgesehen, jedoch mit CSS 2.1 wegen mangelnder Browserunterstützung nicht wieder übernommen.
Standardwert ist top
Vererbung
Nein
Beispiel
caption{
caption-side: top;
font-weight: bold;
line-height: 1.6em;
}
border-collapsezur Übersicht
Für die HTML Eigenschaft border kann mit der CSS Eigenschaft border-collapse die Art bestimmt werden, wie
die Ränder der Zellen dargestellt werden.
Werte
collapse | separate | inherit
Mit dem Wert collapse werden die Rahmen durchgezogen angezeigt. Mit separate werden die Zellenrahmen einzeln gezeichnet.
Standardwert collapse. Mit CSS 2.1 ist der Standardwert separate.
Vererbung
Nein
Beispiel
table{ border-collapse: separate;}
border-spacingzur Übersicht
Mit border-spacing werden die Abstände benachbarter Zellen zueinander festgelegt. Diese Angabe funktioniert
natürlich nicht, wenn ein border-collapse:collapse angegeben ist.
Werte
[numerischer Wert mit Einheit] | inherit
Standardwert ist 0
Vererbung
Ja
Beispiel
table{
border-collapse: separate;
border-spacing: 6px;
}
empty-cellszur Übersicht
Der Wert der Eigenschaft empty-cells entscheidet, ob um leere Zellen ein Rahmen gezeichnet werden soll oder nicht.
Werte
show | hide | inherit
Standardwert ist hide
Vererbung
Ja
Beispiel
table{
border-collapse: separate;
border-spacing: 6px;
empty-cells: show;
}
