CSS column-count Eigenschaft

Definition und Verwendung

Die Eigenschaft column-count gibt an, wie viele Spalten das Element aufgeteilt werden soll.

Siehe auch:

CSS3-Tutorial:CSS3 Mehrspalten

HTML DOM Referenzhandbuch:columnCount-Eigenschaft

Beispiel

Teilt den Text im div-Element in drei Spalten ein:

div
{
column-count:3;
}

Versuchen Sie es selbst

Am Ende der Seite gibt es mehr Beispiele.

CSS-Syntax

column-count: number|auto;

Eigenschaftswert

Wert Beschreibung Test
number Die beste Anzahl von Spalten, in die der Inhalt des Elements aufgeteilt wird. Test
auto Die Anzahl der Spalten wird durch andere Eigenschaften bestimmt, z.B. "column-width". Test

Technische Details

Standardwert: auto
Vererbbarkeit: nein
Version: CSS3
JavaScript-Syntax: object.style.columnCount=3

Mehr Beispiele

Column-gap
Teilt den Text im div-Element in drei Spalten ein und legt eine 30-Pixel-Abstand 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 geben die erste Browser-Version an, die die Eigenschaft vollständig unterstützt.

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