CSS Referenzhandbuch

CSS @Regel (RULES)

CSS Eigenschaftsliste

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

CSS3 column-rule-Verwendung und Beispiel der width-Eigenschaft

column-rule-Die width CSS-Eigenschaft setzt die Breite der Regeln fest, die zwischen den Spalten eines mehrspaltigen Layouts gezeichnet werden.

Die folgende Tabelle enthält Anweisungen und Versionshistorie der Verwendung dieses Attributes sowie die Syntax seiner Verwendung in JavaScript-Skripten.

Standardwert:	medium
Geeignet für:	Mehrfachspaltenelemente
Vererbung:	Nein
Animierbar:	Ja.Bitte beziehen Sie sich auf: Animationseigenschaften.
Version:	CSS3neue Funktion
JavaScript Syntax:	object.style.columnRuleWidth="thin"

column-rule-width Syntax

Die Syntax dieses Attributes ist wie folgt:

column-rule-width: length | medium | thin | thick | initial | inherit

Die folgenden Beispiele zeigen, wie column-rule-width-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‹/›

Eigenschaftswerte

Die folgende Tabelle beschreibt die Werte dieser Eigenschaft.

Wert	Beschreibung
length	Die Länge in absoluten oder relativen Einheiten, die zur Angabe der Breite der Regel verwendet wird.
medium	Definiert eine mittlere Regel. Dies ist der Standardwert.
thin	Definiert eine dünne Regel. Die Breite ist kleiner als der Standardwert.
thick	Definiert eine strenge Regel. Die Breite ist größer als der Standardwert.
initial	Setzen Sie diesen Wert auf seinen Standardwert.
inherit	Wenn angegeben, verwendet der verknüpfte Element seine Elternelement column-rule-width-Werte der Eigenschaft.

Browserkompatibilität

column-rule-Die Kompatibilität der width-Eigenschaft der Browser, die Nummern 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 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.

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