Egenskapen column-width

Egenskapen column-width angir bredden på kolonner i tekst med flere kolonner. Verdien av egenskapen er alle enheter for størrelser, unntatt prosent, eller nøkkelordet auto (standard). Med verdien auto velger nettleseren selv den optimale bredden på kolonnene basert på column-count og column-gap.

Syntaks

velger {
	column-width: verdi;
}

Eksempel . Angitt bredde

I dette eksemplet er bredden på kolonnen column-width satt til 150px, og antallet deres column-count er satt til verdien auto. Som et resultat vil bredden på kolonnene være 150px, og antallet og avstanden mellom dem vil nettleseren velge selv:

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

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

Eksempel . Verdi auto

I dette eksemplet vil teksten deles inn i 3 kolonner (fordi column-count er satt til verdien 3), mens bredden deres vil bli beregnet automatisk:

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

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

Se også

egenskapen column-count,
som angir antall kolonner
egenskapen column-gap,
som angir avstanden mellom kolonner
egenskapen column-rule,
som angir rammen mellom kolonner
egenskapen column-span,
som angir antall kolonner et element skal strekkes over
egenskapen columns,
som er en snarvei for egenskaper for flere kolonner