CSS/Eigenschaften/Tabellenformatierung/border-spacing

Aus SELFHTML-Wiki
< CSS‎ | Eigenschaften‎ | Tabellenformatierung(Weitergeleitet von Border-spacing)
Wechseln zu: Navigation, Suche

Mit der Eigenschaft border-spacing legen Sie den Abstand der Rahmen der Tabellenelemente fest. Dies funktioniert natürlich nur, wenn für die Tabelle border-collapse: separate; festgelegt ist.

  • CSS 2.0
  • Chrome
  • Firefox
  • IE
  • Opera
  • Safari


Beispiel ansehen …
table, th, td {
  border: 1px solid gainsboro;
}

#bsp1 {
  border-collapse: separate;
  border-spacing: 10px;
}

#bsp2 {
  border-collapse: separate;
  border-spacing: 50px 10px;
}


Erlaubt ist die Angabe nichtnegativer Längenmaße. Prozentangaben sind nicht erlaubt.

Wird nur ein Wert angegeben, so bezieht sich dieser sowohl auf die horizontalen als auch auf die vertikalen Abstände. Bei der Angabe von zwei Werten beschreibt der erste die (horizontalen) Abstände zwischen den Spalten, der zweite die (vertikalen) Abstände zwischen den Zeilen.

Beachten Sie: Die Angabe border-spacing: 0; ist dabei nicht identisch zu border-collapse: collapse;.