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

Browser Kompatibilität

Siehe auch

• column-width, column-count, column-gap, column-rule, column-rule-width, column-rule-style, column-rule-color, column-span, column-fill, columns