CSS column-rule-width Eigenschaft

Definition und Verwendung

Die column-rule-width Eigenschaft legt die Regel für die Breite zwischen den Spalten fest.

Siehe auch:

CSS3 Tutorial:CSS3 Mehrspalten

HTML DOM Referenzhandbuch:columnRuleWidth Eigenschaft

Beispiel

Setzen Sie die Farbregel zwischen den Spalten:

div {
  column-rule-width: 10px;
}

Probieren Sie es selbst aus

Es gibt mehr Beispiele am Ende der Seite.

CSS Syntax

column-rule-width: thin|medium|thick|length;

Eigenschaftswert

Wert Beschreibung Test
thin Definiert eine feine Regel. Test
medium Definiert eine mittlere Regel. Test
thick Definiert die Breite der Regel. Test
length Legt die Breite der Regel fest. Test

Technische Details

Standardwert: medium
Vererbbarkeit: no
Version: CSS3
JavaScript Syntax: object.style.columnRuleWidth="thin"

Mehr Beispiele

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

Browser-Unterstützung

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

Zahlen mit -webkit- oder -moz- als Präfix zeigen die erste Version, 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