Lastnost column-count

Lastnost column-count določa priporočeno število stolpcev v večstolpčnem besedilu. Njihovo dejansko število se lahko razlikuje od določenega, odvisno od širine stolpca in velikosti vmesnega razmika.

Sintaksa

selektor {
	column-count: število | auto;
}

Vrednosti

Vrednost	Opis
število	Določa navedeno število stolpcev. Natančneje, priporoča brskalniku uporabo tega števila stolpcev, saj se lahko njihovo dejansko število razlikuje od določenega, odvisno od širine stolpca in velikosti razmika med njimi.
`auto`	Brskalnik samodejno določi optimalno število stolpcev.

Privzeta vrednost: auto.

Primer

V tem primeru se bo besedilo razdelilo na 3 stolpce (seveda v brskalnikih, ki podpirajo večstolpčnost, v ostalih bo preprosto običajno besedilo v enem stolpcu):

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

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

Primer . Vrednost auto

V tem primeru je določena širina stolpca column-width v 150px, njihovo število column-count pa je nastavljeno na vrednost auto - brskalnik bo sam določil potrebno število stolpcev in razmik med njimi:

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

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

Glejte tudi

lastnost column-width,
ki določa širino stolpca
lastnost column-gap,
ki določa razmik med stolpci
lastnost column-rule,
ki določa ločilno črto med stolpci
lastnost column-span,
ki določa število stolpcev, čez katere naj se element razteza
lastnost columns,
ki je okrajšava za lastnosti večstolpčnosti