Vlastnosť column-count

Vlastnosť column-count nastavuje odporúčaný počet stĺpcov vo viacstĺpcovom texte. Ich skutočný počet sa môže líšiť od nastaveného, v závislosti od šírky stĺpca a veľkosti medzery medzi nimi.

Syntax

selektor {
	column-count: číslo | auto;
}

Hodnoty

Hodnota	Popis
číslo	Nastaví zadaný počet stĺpcov. Presnejšie, odporúča prehliadaču použiť tento počet stĺpcov, pretože ich skutočný počet sa môže líšiť od zadaného, v závislosti od šírky stĺpca a veľkosti medzery medzi nimi.
`auto`	Prehliadač si sám zvolí optimálny počet stĺpcov.

Predvolená hodnota: auto.

Príklad

V tomto príklade sa text rozdelí na 3 stĺpce (samozrejme, v prehliadačoch, ktoré podporujú viacstĺpkovosť, v ostatných to bude jednoducho obyčajný text v jednom stĺpci):

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

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

Príklad . Hodnota auto

V tomto príklade je zadaná šírka stĺpca column-width na 150px, a ich počet column-count je nastavený na hodnotu auto - prehliadač sám zvolí potrebný počet stĺpcov a medzeru medzi nimi:

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

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

Pozrite tiež

vlastnosť column-width,
ktorá nastavuje šírku stĺpca
vlastnosť column-gap,
ktorá nastavuje medzeru medzi stĺpcami
vlastnosť column-rule,
ktorá nastavuje ohraničenie medzi stĺpcami
vlastnosť column-span,
ktorá nastavuje počet stĺpcov, na ktoré sa má element rozprestrieť
vlastnosť columns,
ktorá je skrátenou vlastnosťou pre viacstĺpkovosť