CSS/Eigenschaften/border-spacing

Die Eigenschaft border-spacing legt fest, welchen Abstand die Rahmen benachbarter, getrennt dargestellter Tabellenzellen haben.

erlaubte Werte	eine oder zwei Längenangaben, aber keine Prozentangaben Vererbung steuernde Werte inherit, initial, unset und revert Defaultwert: 0
anwendbar auf	table- oder inline-table-Elemente (Unterschied Tag Element Attribut)
Browsersupport	Details: caniuse.com
Vererbung	ja
animierbar	nein

Beispiel

table {
  border-collapse: separate; 
  border-spacing: 3em 1em; 
}

Die Tabellenrahmen haben einen Abstand von 3em nach oben und unten, bzw. 1em nach links und rechts.

Beachten Sie:

• für die Tabelle muss border-collapse: separate; festgelegt sein.
• Die Angabe border-spacing: 0 ist dabei nicht identisch zu border-collapse: collapse.

Weblinks

• Spezifikation (W3C): 17.6 Borders
• MDN: border-spacing

Siehe auch

• HTML/Tabellen/Gestaltung mit CSS
  • border-spacing