Egenskapen column-count

Egenskapen column-count angir et anbefalt antall kolonner i flerkolonne tekst. Det faktiske antallet kan avvike fra det angitte, avhengig av kolonnebredden og størrelsen på mellomrommet mellom dem.

Syntaks

selector {
	column-count: tall | auto;
}

Verdier

Verdi	Beskrivelse
tall	Angir det oppgitte antallet kolonner. Mer nøyaktig, anbefaler det til nettleseren å bruke dette antallet kolonner, ettersom det faktiske antallet kan avvike fra det angitte, avhengig av kolonnebredden og størrelsen på mellomrommet mellom dem.
`auto`	Nettleseren velger selv det optimale antallet kolonner.

Standardverdi: auto.

Eksempel

I dette eksemplet vil teksten bli delt inn i 3 kolonner (selvfølgelig, i nettlesere som støtter flerkolonnetekst, i andre vil det bare være vanlig tekst i én kolonne):

<div id="elem">
	some long text
</div>

#elem {
	column-count: 3;
	text-align: justify;
}

Eksempel . Verdien auto

I dette eksemplet er kolonnebredden column-width satt til 150px, og antallet column-count er satt til verdien auto - nettleseren vil selv velge nødvendig antall kolonner og mellomrom mellom dem:

<div id="elem">
	some long text
</div>

#elem {
	column-count: auto;
	column-width: 150px;
	text-align: justify;
}

Se også

egenskapen column-width,
som angir bredden på en kolonne
egenskapen column-gap,
som angir mellomrommet mellom kolonner
egenskapen column-rule,
som angir en kantlinje mellom kolonner
egenskapen column-span,
som angir antall kolonner et element skal strekke seg over
egenskapen columns,
som er en snarveisegenskap for flerkolonnetekst