column-count

Übersicht

Die CSS Eigenschaft column-count bestimmt die Spaltenanzahl innerhalb eines Elements.

Initialwertauto
Anwendbar aufNicht ersetzte block-Elemente (außer table-Elemente), table-cell- oder inline-block-Elemente
VererbtNein
Medienvisuell
Berechneter Wertwie angegeben
Animierbarja, als Integer
Kanonische Reihenfolgedie eindeutige Reihenfolge definiert durch die formale Grammatik

Syntax

Formal syntax: <number> | auto
column-count: 3
column-count: auto

Werte

auto
Besagt, dass die Anzahl Spalten von anderen Werten Abhängig ist, wie z. B. column-width.
<number>
Ein positiver <integer>, welcher die Anzahl der Spalten genau festlegt. Falls der Wert von column-width nicht auto ist, stellt dieser Wert die maximale Anzahl an Spalten dar.

Beispiel

.content-box {
  border: 10px solid #000000;
  column-count:3;
}

Spezifikations

Spezifikation Status Anmerkung
CSS Multi-column Layout Module
Die Definition von 'column-count' in dieser Spezifikation.
Anwärter Empfehlung  

Browser Kompatibilität

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Basic support (Ja)-webkit 1.5 (1.8)-moz 10 11.1 3.0 (522)-webkit
Feature Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Basic support ? (Ja) ? ? ?

Schlagwörter des Dokuments und Mitwirkende

 Mitwirkende an dieser Seite: Sebastianz, fscholz, vaupeh, SJW
 Zuletzt aktualisiert von: Sebastianz,