Egenskaben column-count

Egenskaben column-count angiver et anbefalet antal kolonner i tekst med flere kolonner. Det faktiske antal kan afvige fra det angivne, afhængigt af kolonnens bredde og størrelsen på mellemrummet mellem dem.

Syntaks

selektor {
	column-count: tal | auto;
}

Værdier

Værdi	Beskrivelse
tal	Angiver det specificerede antal kolonner. Mere præcist, anbefaler det til browseren at bruge dette antal kolonner, da det faktiske antal kan afvige fra det angivne, afhængigt af kolonnens bredde og størrelsen på mellemrummet mellem dem.
`auto`	Browseren vælger selv det optimale antal kolonner.

Standardværdi: auto.

Eksempel

I dette eksempel vil teksten blive opdelt i 3 kolonner (selvfølgelig i browsere, som understøtter tekst med flere kolonner, i andre vil det blot være almindelig tekst i én kolonne):

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

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

Eksempel . Værdien auto

I dette eksempel er kolonnens bredde column-width sat til 150px, og deres antal column-count er sat til værdien auto - browseren vil selv vælge det nødvendige antal kolonner og mellemrummet mellem dem:

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

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

Se også

egenskaben column-width,
som angiver bredden af en kolonne
egenskaben column-gap,
som angiver mellemrummet mellem kolonner
egenskaben column-rule,
som angiver rammen mellem kolonner
egenskaben column-span,
som angiver antallet af kolonner, som et element skal spænde over
egenskaben columns,
som er en sammentrækningsegenskab for tekst med flere kolonner