CSS column-rule-style Eigenschaft

Definition und Verwendung

Die column-rule-style Eigenschaft legt die Regeln für den Stil zwischen den Spalten fest.

Siehe auch:

CSS3 Tutorial:CSS3 Mehrspalten

HTML DOM Referenzhandbuch:columnRuleStyle Eigenschaft

Beispiel

Setzt die Regeln für die Farbe zwischen den Spalten fest:

div {
  column-rule-style: dotted;
}

Versuchen Sie es selbst

Es gibt mehr Beispiele am Ende der Seite.

CSS Syntax

column-rule-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset;

Eigenschaftswert

Wert Beschreibung Test
keine Definiert Regeln für keine Linien. Test
hidden Definiert Regeln für versteckte Linien. Test
dotted Definiert Regeln für gepunktete Linien. Test
dashed Definiert Regeln für gepunktete Linien. Test
solid Definiert Regeln für gerade Linien. Test
double Definiert Regeln für doppelte Linien. Test
groove Definiert Regeln für 3D grooved. Der Effekt hängt von der Breite und der Farb値 ab. Test
ridge Definiert Regeln für 3D ridged. Der Effekt hängt von der Breite und der Farb値 ab. Test
inset Definiert Regeln für 3D inset. Der Effekt hängt von der Breite und der Farb値 ab. Test
outset Definiert Regeln für 3D outset. Der Effekt hängt von der Breite und der Farb値 ab. Test

Technische Details

Standardwert: keine
Vererbbarkeit: nein
Version: CSS3
JavaScript Syntax: object.style.columnRuleStyle="dotted"

Mehr Beispiele

Column-count
Teilt den Text im div-Element in drei Spalten ein.
Column-gap
Teilt den Text im div-Element in drei Spalten ein und legt einen Abstand von 30 Pixeln zwischen den Spalten fest.
Column-rule
Definiert die Breite, den Stil und die Farbe zwischen den Spalten.

Browser-Unterstützung

Die Zahlen in der Tabelle verweisen auf die erste Browser-Version, die die Eigenschaft vollständig unterstützt.

Zahlen mit -webkit- oder -moz- als Präfix stellen die erste Version dar, die den Präfix verwendet.

Chrome IE / Edge Firefox Safari Opera
50.0
4.0 -webkit-		 10.0 52.0
2.0 -moz-		 9.0
3.1 -webkit-		 37.0
15.0 -webkit
11.1