CSS/Eigenschaften/border-spacing

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

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

Siehe auch