Stil mit {stil}

Nov 2008

CSS border-spacing • Raum zwischen Tabellenzellen

Teekanne	Tee servieren
Muffins	Zum Tee reichen
Früchte	Zur Erfrischung

border-spacing bestimmt den vertikalen und horizontalen Raum zwischen benachbarten Zellen im separate-Modell.

Im separate-Modell hat die Tabelle einen separaten äußeren Rand und jede Zelle besitzt zusätzlich einen eigenen separaten Rahmen. Der äußere Rand der Tabelle berührt die einzelnen Zellenrahmen nicht.

border-spacing

Alle modernen Browser CSS2 Erblich: Ja

border-spacing

<length> | <length> <length>

length length

gibt die Größe des Raums zwischen benachbarten Zellen an. Die zweite Angabe ist optional.

style="border-spacing: 10px;
                        ^
                        |
                        +----- horizontaler und vertikaler Raum

style="border-spacing: 10px 15px;
                        ^    ^
                        |    |
                        |    +----- vertikaler Raum
                        +----- horizontaler Raum

Wenn nur die erste Länge notiert ist, gilt der erste Wert sowohl für den horizontalen als auch für den vertikalen Raum zwischen benachbarten Zellen. Wenn Sie beide Längen angegeben, ist die erste der horizontalen Raum und die zweite der vertikale Raum. Negative Werte sind nicht erlaubt.

length kann in einer der folgenden Maßeinheiten angegeben werden: cm (Zentimeter), em (ems), ex (x-Höhe), in (Inch), mm (Millimeter), pc (Pica), pt (Punkt), px (Pixel).

Beispiel: Freiraum zwischen Tabellenzellen

<table style="border-spacing: 10px 15px;">

Teekanne	Tee servieren
Muffins	Zum Tee reichen
Früchte	Zur Erfrischung

Hinweis: Wenn border-spacing: 0 (Voreinstellung) angegeben wird, teilen sich die Ränder der Zellen nicht den gleichen Raum (wie bei der Deklaration von border-collapse: collapse), sondern liegen nebeneinander.

zurück zum Seitenanfang