Eienskap column-count

Die eienskap column-count spesifiseer 'n aanbevole aantal kolomme in veelkolomteks. Die werklike aantal kan verskil van die gespesifiseerde een, afhangende van die kolomwydte en die grootte van die spasie tussen hulle.

Sintaksis

selektor {
	column-count: getal | auto;
}

Waardes

Waarde	Beskrywing
getal	Spesifiseer die aangegee aantal kolomme. Meer akkuraat, raai dit die blaaier aan om hierdie aantal kolomme te gebruik, aangesien die werklike aantal kan verskil van die gespesifiseerde een, afhangende van die kolomwydte en die grootte van die spasie tussen hulle.
`auto`	Die blaaier kies self die optimale aantal kolomme.

Verstekwaarde: auto.

Voorbeeld

In hierdie voorbeeld sal die teks opgebreek word in 3 kolomme (natuurlik, net in blaaiers wat veelkolomfunksionaliteit ondersteun, in ander sal dit net gewone teks in een kolom wees):

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

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

Voorbeeld . Waarde auto

In hierdie voorbeeld word die kolomwydte column-width gespesifiseer as 150px, en hul aantal column-count is gestel op die waarde auto - die blaaier sal self die nodige aantal kolomme en die spasie tussen hulle kies:

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

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

Sien ook

die eienskap column-width,
wat die kolomwydte spesifiseer
die eienskap column-gap,
wat die spasie tussen kolomme spesifiseer
die eienskap column-rule,
wat die grens tussen kolomme spesifiseer
die eienskap column-span,
wat die aantal kolomme spesifiseer waaroor 'n element moet strek
die eienskap columns,
wat die verkorte eienskap is vir veelkolomfunksionaliteit