CSS border-spacing Eigenschaft

Definition und Verwendung

Die Eigenschaft border-spacing stellt den Abstand zwischen den Rändern der benachbarten Zellen ein (nur für den Modus "Ränder trennen").

Anmerkung:Einige Versionen des IE-Browsers unterstützen diese Eigenschaft nicht.

Erklärung

Diese Eigenschaft bestimmt den Abstand zwischen den Zellgrenzen im Trennungsmodell der Rahmen. In den zwei angegebenen Längenwerten ist der erste der horizontale Abstand und der zweite der vertikale Abstand. Dieser Eigenschaftswert wird ignoriert, es sei denn, border-collapse wird auf separate gesetzt. Obwohl dieser Eigenschaftswert nur für Tabellen angewendet wird, kann er von allen Elementen in der Tabelle geerbt werden.

Weitere Informationen:

CSS-Tutorial:CSS Tabelle

HTML DOM Referenzhandbuch:borderSpacing-Eigenschaft

Beispiel

Tabellenränder für Tabelle einstellen:

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

Versuchen Sie es selbst

CSS-Syntax

border-spacing: length|initial|inherit;

Eigenschaftswert

Wert Beschreibung
length length

Es wird festgelegt, dass der Abstand zwischen den Rändern der benachbarten Zellen. Verwenden Sie Einheiten wie px, cm usw. Negative Werte sind nicht erlaubt.

Wenn ein length Parameter angegeben werden, dann bezieht sich die Definition auf den horizontalen und vertikalen Abstand.

Wenn zwei length Wenn zwei Parameter angegeben werden, dann ist der erste der horizontale Abstand und der zweite der vertikale Abstand.
inherit Es wird festgelegt, dass der Wert der Eigenschaft border-spacing von der übergeordneten Elemente geerbt werden soll.

Technische Details

Standardwert: nicht spezifiziert
Vererbbarkeit: ja
Version: CSS2
JavaScript-Syntax: object.style.borderSpacing="15px"

Mehr Beispiele

Abstand zwischen den Tabellenrändern einstellen
Dieses Beispiel zeigt, wie man den Abstand zwischen den Zellenrändern einstellt.

Browser-Unterstützung

Chrome IE / Edge Firefox Safari Opera
1.0 8.0 1.0 1.0 4.0