column-fill

Übersicht

Die CSS Eigenschaft column-fill bestimmt die Aufteilung des Inhalts auf die Spalten. Der Inhalt kann gleichmässig verteilt werden, damit die Spalten die selbe höhe haben, oder die Spalten werden der Reihe nach bis zum Maximum gefüllt.

  • Standardwert balance
  • Anwendbar auf mehrspaltige Elemente
  • Vererbt Nein
  • Prozentwerte
  • Medium visual, but, in continuous media, has no effect in overflow columns
  • Berechneter Wert siehe Spezifikation
  • Animierbar Nein
  • Canonical order the unique non-ambiguous order defined by the formal grammar

Syntax

Formal syntax: auto | balance
column-fill: auto
column-fill: balance

column-fill: inherit

Werte

auto
Die Spalten werden fotlaufend gefüllt.
balance
Der Inhalt wird gleichmässig aufgeteilt.

Beispiel

.content-box {
  column-count: 4;
  column-rule: 1px solid black;
  column-fill: balance;
  height: 200px;
}

Spezifikation

Spezifikation Status Anmerkung
CSS Multi-column Layout Module Candidate Recommendation  

Browser Kompatibilität

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Basic support ? 13.0 (13.0)-moz ? ? ?
Feature Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Basic support ? 13.0 (13.0)-moz ? ? ?

Siehe auch

Schlagwörter des Dokuments und Mitwirkende

Mitwirkende an dieser Seite: SJW
Zuletzt aktualisiert von: SJW,
Seitenleiste ausblenden