Egenskab column-width

Egenskaben column-width angiver bredden af kolonner i tekst med flere kolonner. Værdien af egenskaben er enhver enhed for størrelser, bortset fra procenter, eller nøgleordet auto (som standard). Ved værdien auto vælger browseren selv den optimale kolonnebredde baseret på column-count og column-gap.

Syntaks

selektor {
	column-width: værdi;
}

Eksempel . Angivet bredde

I dette eksempel er kolonnens bredde column-width angivet til 150px, og deres antal column-count er sat til værdien auto. Som et resultat vil kolonners bredde være 150px, deres antal og mellemrummet mellem dem vil browseren vælge selv:

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

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

Eksempel . Værdien auto

I dette eksempel vil teksten blive opdelt i 3 kolonner (fordi column-width er sat til værdien 3), men deres bredde vil blive beregnet automatisk:

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

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

Se også

egenskaben column-count,
som angiver antallet af kolonner
egenskaben column-gap,
som angiver mellemrummet mellem kolonner
egenskaben column-rule,
som angiver grænsen mellem kolonner
egenskaben column-span,
som angiver antallet af kolonner, som et element skal strække sig over
egenskaben columns,
som er en sammentrækningsegenskab for tekst med flere kolonner