English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

CSS Referenzhandbuch

CSS @Regel(RULES)

CSS Eigenschaften大全

CSS Grenze-Verwendung und Beispiele für die spacing-Eigenschaft

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"

border-spacing Syntax

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‹/›

Eigenschaftswert

Die folgende Tabelle beschreibt die Werte dieser Eigenschaft.

WertBeschreibung
lengthIn Längenwerten wie px, pt, cm, em usw. sind negative Werte nicht erlaubt.
initialSetzen Sie diesen Wert auf seinen Standardwert.
inheritWenn angegeben, wird der border der übergeordneten Elemente verwendet-spacing-Werte der Eigenschaft.

Browserkompatibilität

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.

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 8+

  • Apple Safari 1+

  • Opera 4+

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。

Weitere Lesung

Bitte beziehen Sie sich auf die folgenden Anleitungen:CSS TabelleCSS KanteCSS3Kante

Tabellenbezogene Eigenschaften:border-collapseempty-cellstable-layout