- die Online CSS Referenz
Impressum

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    eins nach unten

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 Übersichteins nach obeneins nach unten

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

caption-side

border-collapsezur Übersichteins nach obeneins nach unten

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-collapse

border-spacingzur Übersichteins nach obeneins nach unten

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

border-spacing

empty-cellszur Übersichteins nach oben    

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

empty-cells