CSS column-width Eigenschaft

Definition und Verwendung

Die column-width-Eigenschaft legt die Breite der Spalten fest.

Siehe auch:

CSS3-Tutorial:CSS3 Mehrspalten

HTML DOM Referenzhandbuch:columnWidth-Eigenschaft

Beispiel

Bestimmt die Breite der Spalten:

div
{
column-width:100px;
}

Probieren Sie es selbst aus

Mehr Beispiele am Seitenende.

CSS-Syntax

column-width: auto|length;

Eigenschaftswert

Wert Beschreibung Test
auto Die Spaltenbreite wird vom Browser bestimmt. Test
length Bestimmt die Breite der Spalten. Test

Technische Details

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

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
Bestimmt die Breite, den Stil und die Farbe der Spalten.

Browser-Unterstützung

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

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

Chrome IE / Edge Firefox Safari Opera
50.0 10.0 52.0 10.0 37.0