Eigenschap column-width

De eigenschap column-width specificeert de breedte van kolommen in meerkolomstekst. De waarde van de eigenschap zijn alle eenheden voor afmetingen, behalve percentages, of het sleutelwoord auto (standaard). Met de waarde auto kiest de browser zelf de optimale kolombreedte op basis van column-count en column-gap.

Syntaxis

selector {
	column-width: waarde;
}

Voorbeeld . Gespecificeerde breedte

In dit voorbeeld is de kolombreedte column-width gespecificeerd als 150px, en hun aantal column-count staat op de waarde auto. Als resultaat zal de kolombreedte 150px zijn, hun aantal en de tussenruimte daartussen kiest de browser zelf:

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

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

Voorbeeld . Auto waarde

In dit voorbeeld wordt de tekst opgesplitst in 3 kolommen (omdat column-width de waarde 3 heeft), maar hun breedte wordt automatisch berekend:

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

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

Zie ook

de eigenschap column-count,
die het aantal kolommen specificeert
de eigenschap column-gap,
die de tussenruimte tussen kolommen specificeert
de eigenschap column-rule,
die de scheidingslijn tussen kolommen specificeert
de eigenschap column-span,
die het aantal kolommen specificeert waarover een element moet uitstrekken
de eigenschap columns,
die de verkorte eigenschap is voor meerkolomsopmaak