border-spacing

Übersicht

Die border-spacing Eigenschaft legt die Abstände zwischen Tabellenzellen fest.
Die Eigenschaft hat nur dann Auswirkungen, wenn border-collapse: separate definiert ist.

  • Standardwert: 0 (in vielen Browsern: 2px)
  • Anwendbar auf: table und inline-table Elemente
  • Vererbbar: Ja
  • Prozentwerte: Nein
  • Medium: visuell
  • berechneter Wert: zwei absolute Längenwerte

Syntax

border-spacing: <Länge> <Länge>? | inherit 

Werte

<Länge>
Ein einzelner Wert bestimmt die Abstände in beide Richtungen: horizontal und vertikal.
<Länge> <Länge>
Der erste Wert gibt den horizontalen und der zweite Wert den vertikalen Abstand an.
inherit
Der Wert des Elternelements wird geerbt.

Beispiele

Live Beispiel

  border-collapse: separate;
  border-spacing: 5px;
  border: 1px solid black;
a1 b1 c1
a2 b2 c2
a3 b3 c3
  border-collapse: separate;
  border-spacing: 15px 5px;
  border: 1px solid black;
a1 b1 c1
a2 b2 c2
a3 b3 c3
  border-collapse: separate;
  border-spacing: 5px;
  border: 1px solid black;
  padding: 10px;
a1 b1 c1
a2 b2 c2
a3 b3 c3

Browser Kompatibilität

Browser ab Version
Internet Explorer 8.0
Firefox (Gecko) 1.0 (1.0)
Opera 4.0
Safari (WebKit) 1.0 (85)

Spezifikation

Siehe auch

Schlagwörter des Dokuments und Mitwirkende

Schlagwörter:
Mitwirkende an dieser Seite: SJW, Michael2402, fscholz
Zuletzt aktualisiert von: fscholz,
Seitenleiste ausblenden