CSS column-span Eigenschaft

Definition und Verwendung

Die column-span-Eigenschaft legt fest, wie viele Spalten das Element überlaufen soll.

Siehe auch:

CSS3 Tutorial:CSS3 Mehrspalten

HTML DOM Referenzhandbuch:columnSpan-Eigenschaft

Beispiel

Stellen Sie sicher, dass das h2-Element alle Spalten überläuft:

h2
{
column-span:alle;
}

Probieren Sie es selbst aus

Es gibt mehr Beispiele am Seitenende.

CSS-Syntax

column-span: 1|alle;

Attributwert

Wert Beschreibung Test
1 Das Element sollte eine Spalte überlaufen. Test
alle Das Element sollte über alle Spalten hinweglaufen. Test

Technische Details

Standardwert: 1
Vererbbarkeit: nein
Version: CSS3
JavaScript-Syntax: object.style.columnSpan="all"

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 legt einen Abstand von 30 Pixeln zwischen den Spalten fest.
Column-rule
Legt die Breite, den Stil und die Farbe zwischen den Spalten fest.

Browser-Unterstützung

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

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

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