column-count

Übersicht

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

  • Initialwert auto
  • Anwendbar auf non-replaced block oder table Elemente, table-cell oder inline-block Elemente
  • Vererbt Nein
  • Prozentwerte
  • Medium visuell
  • Berechneter Wert siehe Spezifikation
  • Animierbar Ja, als Integer
  • Kanonische Reihenfolge die einzige nicht missverständliche 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) ? ? ?

Siehe auch

Schlagwörter des Dokuments und Mitwirkende

Zuletzt aktualisiert von: vaupeh,