column-count

Übersicht

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

Initialwertauto
Anwendbar aufBlockcontainer außer Tabellen umgebende Boxen
VererbtNein
Berechneter Wertwie angegeben
AnimationstypInteger

Syntax

Formal syntax: 
<integer> | 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.
Arbeitsentwurf  

Browser Kompatibilität

Wir konvertieren die Kompatibilitätsdaten in ein maschinenlesbares JSON Format. Diese Kompatibilitätstabelle liegt noch im alten Format vor, denn die darin enthaltenen Daten wurden noch nicht konvertiert. Finde heraus wie du helfen kannst! (en-US)
Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Basic support (Ja)-webkit (en-US) 1.5 (1.8)-moz (en-US) 10 11.1 3.0 (522)-webkit (en-US)
Feature Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Basic support ? (Ja) ? ? ?