CSS column-rule Eigenschaft

Definition und Verwendung

Die column-rule-Eigenschaft ist eine Kurzform, die alle column-rule-* Eigenschaften einstellt.

Die column-rule-Eigenschaft stellt die Breite, den Stil und die Farbe der Regel zwischen den Spalten ein.

Weitere Informationen:

CSS3 Anleitung:CSS3 Mehrspalten

HTML DOM Referenzhandbuch:columnRule-Eigenschaft

Beispiel

Definieren Sie die Breite, den Stil und die Farbe der Regel zwischen den Spalten:

div
{
column-rule:3px outset #ff00ff;
}

Probieren Sie es selbst aus

Mehr Beispiele am Seitenende.

CSS-Syntax

column-rule: column-rule-width column-rule-style column-rule-color;

Eigenschaftswerte

Werte Beschreibung
column-rule-width Legen Sie die Breite der Regel zwischen den Spalten fest.
column-rule-style Legen Sie die Stile der Regel zwischen den Spalten fest.
column-rule-color Legen Sie die Farbe der Regel zwischen den Spalten fest.

Technische Details

Standardwert: medium none black
Vererbbarkeit: nein
Version: CSS3
JavaScript-Syntax: object.columnRule="3px outset #ff00ff"

Mehr Beispiele

Column-count
Teilen Sie den Text im div-Element in drei Spalten.
Column-gap
Teilen Sie den Text im div-Element in drei Spalten und legen Sie zwischen den Spalten einen Abstand von 30 Pixeln.

Browser-Unterstützung

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

Zahlen, die mit -webkit- oder -moz- versehen sind, 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