CSS kolom-vulling eigenschap

Definitie en gebruik

De column-fill eigenschap bepaalt hoe de kolommen worden gevuld (of ze worden gecoördineerd).

Zie ook:

CSS3 handleiding:CSS3 meerdere kolommen

HTML DOM referentiehandleiding:columnFill eigenschap

Voorbeeld

Stel in hoe de kolommen worden gevuld:

div
{
column-fill:auto;
}

CSS syntaxis

column-fill: balance|auto;

Eigenschapswaarde

Waarde Beschrijving
evenwicht Coördineer de kolommen. De browser moet de verschillen in kolomlengte minimaliseren.
auto Vul de kolommen in volgorde, de lengte van de kolommen zal verschillen.

Technische details

Standaardwaarde: evenwicht
Inheritance: nee
Versie: CSS3
JavaScript syntaxis: object.style.columnFill="auto"

Meer voorbeelden

Column-count
Splits de tekst in de div-elementen in drie kolommen.
Column-gap
Splits de tekst in de div-elementen in drie kolommen en stel een afstand van 30 pixels tussen de kolommen in.
Column-rule
Stel de breedte, stijl en kleur van de kolommen tussen de kolommen in.

Browser ondersteuning

Chrome IE / Edge Firefox Safari Opera
50.0 10.0 52.0 10.0 37.0