tas2580
Blog über Webentwicklung

CSS - column-rule-style

Die column-rule-style Eigenschaft gibt den Stil zwischen den Spalten an.

Beispiel

div {
    column-rule-style: dotted;
}

Definition und Verwendung

Standard Wert:
none
CSS Version:
CSS3
Vererbt sich:
Nein
Animierbar:
Nein
-webkit-:
-webkit-column-rule-style
-moz-:
-moz-column-rule-style

Browser Unterstützung

Chrome Nein
Firefox Nein
Safari Nein
Opera Nein
Edge Nein
IE Nein

Mögliche Werte

Der Eigenschaft können die hier aufgelisteten Werte zugewiesen werden.

Wert Beschreibung
dashed Definiert eine gestrichelte Linie, die zwei Spalten trennt.
dotted Definiert eine punktierte Linie, die zwei Spalten trennt.
double Definiert eine doppelte Linie, die zwei Spalten trennt.
groove Definiert eine gerillte 3D Linie, die zwei Spalten trennt. Die Wirkung hängt von der column-rule-width und der column-rule-color Eigenschaft ab.
hidden Definiert eine versteckte Linie, die zwei Spalten trennt.
inset Definiert eine nach innen verschobene 3D Linie, die zwei Spalten trennt. Die Wirkung hängt von der column-rule-width und der column-rule-color Eigenschaft ab.
none Standardwert. Definiert keine Linie, die zwei Spalten trennt.
outset Definiert eine nach außen verschobene 3D Linie, die zwei Spalten trennt. Die Wirkung hängt von der column-rule-width und der column-rule-color Eigenschaft ab.
ridge Definiert eine geriffelte 3D Linie, die zwei Spalten trennt. Die Wirkung hängt von der column-rule-width und der column-rule-color Eigenschaft ab.
solid Definiert eine feste Linie, die zwei Spalten trennt.
initial Setzt diese Eigenschaft auf den Standardwert.
inherit Erbt diese Eigenschaft von seinem übergeordneten Element.