CSS kolonne-fylde egenskab

Definisjon og bruk

column-fill attributtet bestemmer hvordan kolonnene fylles (om de skal koordineres).

Se også:

CSS3 tutorial:CSS3 Flere Kolonner

HTML DOM referansehåndbok:columnFill attributtet

Eksempel

angiv hvordan kolonnene skal fylles:

div
{
column-fill:auto;
}

CSS syntaks

column-fill: balance|auto;

Attributtverdi

Verdi Beskrivelse
balance Koordiner kolonnene. Browseren skal minimere forskjeller i kolonnen lengder.
auto Fyll kolonnene i henhold til rekkefølgen, kolonnen lengder vil variere.

tekniske detaljer

Standardverdi: balance
Arv: nei
Version: CSS3
JavaScript syntaks: object.style.columnFill="auto"

Flere eksempler

Column-count
Del teksten i tre kolonner i div-elementet.
Column-gap
Del teksten i tre kolonner i div-elementet og bestem 30 pixels mellemrum mellem kolonnerne.
Column-rule
angiv bredden, stilen og farven mellem kolonnerne.

browser understøttelse

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