mozilla

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, aber in kontinuierlichen Medien hat sie keinen Effekt in überbut, in continuous media, has no effect in überlaufenden Spalten
  • Berechneter Wert siehe Spezifikation
  • Animierbar Nein
  • Canonical order die einzige nicht missverständliche Reihenfolge definiert durch die formale Grammatik

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
Die Definition von 'column-fill' in dieser Spezifikation.
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,