CSS Referenzhandbuch

CSS @Regel(RULES)

CSS Eigenschaftsübersicht

CSS3 column-rule Eigenschaft CSS3 column-fill Eigenschaft

CSS3 column-gap-Eigenschaft Anwendungsweise und Beispiel

column-gapCSS-Eigenschaft definiert den Abstand zwischen den Spalten der mehrspaltigen Elemente. Wenn zwischen den Spalten einecolumn-rulewird in der Mitte der Lücke erscheinen.

Die nachstehende Tabelle enthält Anwendungsbeschreibungen und Versionshistorien dieses Attributes sowie seine Verwendungssyntax im JavaScript-Skript.

Standardwert：	normal
Geeignet für：	Mehrspalten-Elemente
Vererbung:	Nein
Animierbar:	sind.Animationseigenschaften。
Version：	CSS3neue Funktion
JavaScript-Syntax：	object.style.columnGap="50px"

column-gap-Syntax

Die Syntax dieses Attributes ist wie folgt：

column-gap:　　|　normal　|　initial　|　inherit

Die folgenden Beispiele zeigen, wie man column-gap-Eigenschaft.

Beispiel

p　{
　　　　-webkit-column-gap:　50px;　/*　Chrome, Safari, Opera　*/
　　　　　　　-moz-column-gap:　50px;　/*　Firefox　*/
　　　　　　　　　　　　column-gap:　50px;　
}

Testen Sie heraus‹/›

Eigenschaftswert

Die nachstehende Tabelle beschreibt die Werte dieser Eigenschaft.

Wert	Beschreibung
length	Eine Längenangabe, die den Abstand zwischen den Spalten definiert. Sie kann nicht negativ sein, aber 0 sein.
normal	Zeigt an, dass der Standardabstand zwischen den Spalten durch den Browser definiert wird. In den meisten Browsern beträgt der Standardwert1em.
initial	Setzen Sie diesen Wert auf seinen Standardwert.
inherit	Wenn angegeben, verwendet der verknüpfte Element seine Elternelementeigenschaft column-gap-Werte der Eigenschaft.

Browserkompatibilität

column-Kompatibilität der Browsers für die gap-Eigenschaft, die Zahlen in der nachstehenden Tabelle stellen die niedrigste Versionsnummer dar, die die Eigenschaft unterstützt; alle gängigen Browser unterstützen diese Eigenschaft.

	Firefox 2+ ^-moz- Google Chrome 4+ ^-webkit- Internet Explorer 10+ Apple Safari 3.1+ ^-webkit- Opera 11.1+ ^-o-，15+ ^-webkit-

Weiters Lesen

Bitte beziehen Sie sich auf die folgenden Tutorials：CSS3Mehrspaltenlayout。

zusammenhängende Eigenschaften：column-width，column-fill，column-rule，column-rule-width，column-rule-style，column-rule-color，column-span，column-count，columns。

CSS3 column-rule Eigenschaft CSS3 column-fill Eigenschaft