CSS Referenzhandbuch

CSS @Regeln (RULES)

Vollständiges Verzeichnis der CSS-Attribute

CSS3 column-rule-style Eigenschaft CSS3 column-rule Eigenschaft

CSS3 column-rule-size Eigenschaft

column-rule-color-Eigenschaft Verwendungsweise und Beispiel

Die color CSS-Eigenschaft setzt die Farbe aller Regeln zwischen den Spalten im Mehrspaltenlayout fest.

Die folgende Tabelle enthält die Anwendungsbeschreibungen und Versionshistorie dieser Eigenschaft sowie ihre Verwendungssyntax im JavaScript-Skript.	Standardwert：colorAktuell
Elementwert	Geeignet für：
Mehrfachspaltenelemente	Vererbung:
keine	Animierbar:ist. Bitte beziehen Sie sich auf。
Animationseigenschaften	CSS3Version：
Neue Funktion von	object.style.columnRuleColor="#ff00ff"

Syntax der Verwendung der Farben der Spaltenregeln

Die Syntax dieses Attributes ist wie folgt：

column-rule-color: color | initial | inherit

Die folgenden Beispiele demonstrate, wie man column-rule-color-Eigenschaft.

Beispiel

p {
　　　　/*　Chrome, Safari, Opera　*/
　　　　-webkit-column-count:　3;
　　　　-webkit-column-gap:　100px;
　　　　-webkit-column-rule-color: red;
　　　　-webkit-column-rule-width:　2px;
　　　　-webkit-column-rule-style: solid;
　　　　/*　Firefox　*/
　　　　-moz-column-count:　3;
　　　　-moz-column-gap:　100px;
　　　　-moz-column-rule-color: red;
　　　　-moz-column-rule-width:　2px;
　　　　-moz-column-rule-style: solid;
　　　　
　　　　column-count:　3;
　　　　column-gap:　100px;
　　　　column-rule-color: red;
　　　　column-rule-width:　2px;
　　　　column-rule-style: solid;
}

Testen Sie es heraus‹/›

Eigenschaftswert

Die folgende Tabelle beschreibt die Werte dieser Eigenschaft.

Wert	Beschreibung
color	Bestimme die Farbe der Spaltenregeln. Akzeptiert jeden gültigenCSS-Farbe。
initial	Setzen Sie diesen Wert auf seinen Standardwert.
inherit	Wenn angegeben, wird das zugehörige Element die column des Elternelements verwenden-rule-color-Werte der Eigenschaft.

Browserkompatibilität

column-rule-Die Kompatibilität der color-Eigenschaft der Browser, die Zahlen in der folgenden 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-

Weiterlesen

Bitte beziehen Sie sich auf die folgenden Tutorials：CSS3Mehrfachspaltenlayout。

Verwandte Eigenschaften：column-width，column-fill，column-gap，column-rule，column-rule-width，column-rule-style，column-span，column-count，columns。

CSS3 column-rule-style Eigenschaft CSS3 column-rule Eigenschaft