CSS columns Eigenschaft

Definition und Verwendung

Die columns-Eigenschaft ist eine Abkürzungseigenschaft, um Breite und Anzahl der Spalten zu setzen.

Siehe auch:

CSS3-Tutorial:CSS3 Mehrspalten

HTML DOM Referenzhandbuch:columns-Eigenschaft

Beispiel

Gibt die Breite und Anzahl der Spalten vor:

div
{
columns:100px 3;
}

Versuchen Sie es selbst

Es gibt mehr Beispiele am Seitenende.

CSS-Syntax

columns: column-width column-count;

Eigenschaftswert

Wert Beschreibung
column-width Breite der Spalten.
column-count Anzahl der Spalten.

Technische Details

Standardwert: auto auto
Vererbbarkeit: nein
Version: CSS3
JavaScript-Syntax: object.style.columns="100px 3"

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 platziert zwischen ihnen einen Abstand von 30 Pixeln.
Column-rule
Gibt die Breite, den Stil und die Farbe zwischen den Spalten vor.

Browser-Unterstützung

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

Zahlen mit -webkit- oder -moz- zeigen die erste Version mit Präfix.

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