English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
border-Die CSS-Eigenschaft spacing setzt den Abstand zwischen den Rändern der benachbarten Tabellenzellen mit einem getrennten Rander-Modell. Wenn das gefaltete Rander-Modell verwendet wird, wird diese Eigenschaft ignoriert. Bitte beachten Sieborder-collapseAttribut.
Die nachstehende Tabelle zeigt die Verwendung und Versionsgeschichte dieses Attributs sowie die Syntax für seine Verwendung im JavaScript-Skript.
Standardwert: | 0 |
---|---|
Geeignet für: | Tabelle(table)und Inline-Tabelle (inline-table) Elemente |
Vererbung: | ja |
Animierbar: | ja.Bitte beziehen Sie sich auf Animationseigenschaft。 |
Version: | CSS 2、3 |
JavaScript Syntax: | object object.style.borderSpacing="12px" |
Die Syntax dieses Attributes ist wie folgt:
border-spacing: [ length ] 1 oder 2 werte | initial | inherit
Dieser border-kann die spacing Eigenschaft einen oder zwei durch Leerzeichen getrennte Längenwerte haben.
Wenn angegebenEin WertdannWertwird gleichzeitig auf den horizontalen und vertikalen Grenzabstand angewendet.
Wenn angegebenZwei Wertewenn, dann der erste horizontale Grenzabstand wird festgelegt, der zweite der vertikale Grenzabstand.
Der folgende Beispiel zeigt, wie man border-spacing Eigenschaft.
table { border-collapse: separate; border-spacing: 10px 20px; }Testen Sie heraus‹/›
Die folgende Tabelle beschreibt die Werte dieser Eigenschaft.
Wert | Beschreibung |
---|---|
length | In Längenwerten wie px, pt, cm, em usw. sind negative Werte nicht erlaubt. |
initial | Setzen Sie diesen Wert auf seinen Standardwert. |
inherit | Wenn angegeben, wird der border der übergeordneten Elemente verwendet-spacing-Werte der Eigenschaft. |
border-Kompatibilität der spacing Eigenschaft der Browser, die Zahlen in der folgenden Tabelle stellen die niedrigste Versionsnummer der Browser dar, die diese Eigenschaft unterstützen; alle gängigen Browser unterstützen diese Eigenschaft.
|
Warnung: Internet Explorer 7und frühere Versionen unterstützen diese Grenze nicht-spacing Eigenschaft. IE8Nur<!DOCTYPE>Diese Eigenschaft wird nur unterstützt, wenn a angegeben ist。
Bitte beziehen Sie sich auf die folgenden Anleitungen:CSS Tabelle,CSS Kante,CSS3Kante。
Tabellenbezogene Eigenschaften:border-collapse,empty-cells,table-layout。