border-spacing

Avatar of Chris Coyier
Chris Coyier am

DigitalOcean bietet Cloud-Produkte für jede Phase Ihrer Reise. Starten Sie mit 200 $ kostenlosem Guthaben!

Die CSS-Eigenschaft border-spacing steuert, wie weit die Zellen in einem <table>-Element voneinander entfernt sind (oder in einem Element, das über display: table; tabellenähnlich gemacht wurde).

Sie akzeptiert jede der Längenangaben in CSS

Es ist zu beachten, dass sie nur dann überhaupt eine Wirkung hat, wenn die Tabelle die Standardeinstellung border-collapse: separate; verwendet und keinerlei Wirkung zeigt, wenn border-collapse: collapse; gesetzt ist.

table {
  border-collapse: separate;

  border-spacing: 5px;
  border-spacing: 1vw;
  border-spacing: 2em;
}

Browser-Unterstützung

ChromeSafariFirefoxOperaIEAndroidiOS
AlleAlleAlleAlleAlleAlleAlle