CSS3 column-rule-styleEigenschaft

Stilregeln zwischen angegebenen Spalten:

div
{
column-rule-style:dotted;
-moz-column-rule-style:dotted; /* Firefox */
-webkit-column-rule-style:dotted; /* Safari and Chrome */
}

Selbst ausprobieren »
Weitere Beispiele unten auf dieser Seite.

Browser-Unterstützung

Die Zahlen in der Tabelle geben die erste Browserversion an, die die Eigenschaft unterstützt.

Die Zahl unmittelbar vor -webkit-, -ms- oder -moz- ist die erste Browserversion, die die mit Präfix versehene Eigenschaft unterstützt.

Eigenschaft
column-rule-style	50.0 4.0 -webkit-	10.0	2.0 -moz-	9.0 3.1 -webkit-	37.0 15.0 -webkit 11.1

Die Eigenschaft column-rule-style legt die Stilregel zwischen Spalten fest.

Standardwert:	none
Vererbt:	nein
Version:	CSS3
JavaScript-Syntax:	object.style.columnRuleStyle="dotted"

Wert	Beschreibung
none	Keine Linien definieren.
hidden	Versteckte Linien definieren.
dotted	Gepunktete Linien definieren.
dashed	Gestrichelte Linien definieren.
solid	Durchgezogene Linien definieren.
double	Doppelte Linien definieren.
groove	Definiert eine 3D-gerillte Linie. Der Effekt hängt von den Werten für Breite und Farbe ab.
ridge	Definiert eine 3D-geriffelte Linie. Der Effekt hängt von den Werten für Breite und Farbe ab.
inset	Definiert eine 3D-eingelassene Linie. Der Effekt hängt von den Werten für Breite und Farbe ab.
outset	Definiert eine 3D-hervortretende Linie. Der Effekt hängt von den Werten für Breite und Farbe ab.

Der Text des div-Elements wird in drei Spalten aufgeteilt.

Teilen Sie den Text in einem div-Element in drei Spalten auf und geben Sie einen 30-Pixel-Abstand zwischen den Spalten an.

Legen Sie die Regeln zwischen Spalten fest: Breite, Stil und Farbe.