CSS Referenzhandbuch

CSS @Regel (RULES)

CSS Eigenschaftsliste

CSS3 column-rule-color Eigenschaft CSS3 column-gap Eigenschaft

CSS3 column-rule-Eigenschaftsverwendung und Beispiel

olumn-rule CSS-Eigenschaft legt eine Linie fest, die zwischen jeder Spalte gezeichnet wird, d.h. "Regel". Es ist eine Kurzschreibweise für eine einzelne Eigenschaft, d.h. gleichzeitigcolumn-rule-width，column-rule-styleundcolumn-rule-color。

Die nachstehende Tabelle enthält die Anwendungsbeschreibung und Versionshistorie dieser Eigenschaft sowie ihre Verwendungssyntax im JavaScript-Skript.

Standardwert：	Alle Eigenschaften anzeigen
Geeignet für：	Mehrfachspaltenelemente
Vererben:	Keine
Animierbar:	Ja, weil einige Eigenschaften der Kurzschrift Animationen setzen können.Bitte beziehen Sie sich auf Animationseigenschaften。
Version：	CSS3neue Funktion
JavaScript-Syntax：	object.style.columnRule="3px outset #ff00ff"

column-rule-Syntax

Die Syntax dieser Eigenschaft ist wie folgt：

column-rule:　[　column-rule-width　column-rule-style　column-rule-color　]　|　initial　|　inherit

Die folgenden Beispiele zeigen, wie column-rule-Eigenschaft.

Beispiel

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

Testen Sie heraus‹/›

Eigenschaftswert

Die nachstehende Tabelle beschreibt die Werte dieser Eigenschaft.

Wert	Beschreibung
column-rule-width	Die Regelbreite zwischen den Spalten setzen. Der Standardwert ist medium. Negative Werte sind nicht erlaubt.
column-rule-style	Die Regelstyle zwischen den Spalten setzen. Der Standardwert ist ohne.
column-rule-color	Die Regelcolor zwischen den Spalten setzen. Der Standardwert istcolorder Elemente.
initial	Diese Eigenschaft auf ihren Standardwert setzen.
inherit	Wenn angegeben, wird der verknüpfte Element auf den column des übergeordneten Elements zugeschrieben-rule-Eigenschaftswerte.

Browserkompatibilität

column-Die Kompatibilität der rule-Eigenschaft des Browsers, die Zahlen in der nachstehenden Tabelle stellen die niedrigste Versionsnummer der Browser dar, die diese Eigenschaft unterstützen; 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 Anleitungen：CSS3Mehrfachspaltenlayout。

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

CSS3 column-rule-color Eigenschaft CSS3 column-gap Eigenschaft