Übersicht
Die CSS Eigenschaft column-fill bestimmt die Aufteilung von Inhalten auf Spalten. Inhalte können entweder gleichmäßig verteilt werden, damit alle Spalten dieselbe Höhe haben, oder sie nehmen den Raum ein, den der Inhalt benötigt, sofern auto verwendet wird.
| Initialwert | balance |
|---|---|
| Anwendbar auf | mehrspaltige Elemente |
| Vererbt | Nein |
| Berechneter Wert | wie angegeben |
| Animationstyp | diskret |
Syntax
/* Schlüsselwortwerte */
column-fill: auto;
column-fill: balance;
/* Globale Werte */
column-fill: inherit;
column-fill: initial;
column-fill: unset;
Werte
auto- Die Spalten werden fortlaufend gefüllt.
balance- Der Inhalt wird gleichmäßig aufgeteilt.
auto | balance | balance-all
Beispiel
.content-box {
column-count: 4;
column-rule: 1px solid black;
column-fill: balance;
height: 200px;
}
Spezifikationen
| Spezifikation | Status | Kommentar |
|---|---|---|
| CSS Multi-column Layout Module Die Definition von 'column-fill' in dieser Spezifikation. |
Arbeitsentwurf | Ursprüngliche Definition |
Browser Kompatibilität
BCD tables only load in the browser