Ominaisuus column-count

Ominaisuus column-count asettaa suositellun määrän sarakkeita monisarakkeisessa tekstissä. Niiden todellinen määrä voi poiketa asetetusta riippuen sarakkeen leveydestä ja niiden välisen välin koosta.

Syntaksi

valitsija {
	column-count: luku | auto;
}

Arvot

Arvo	Kuvaus
luku	Asettaa määritetyn määrän sarakkeita. Tarkemmin sanottuna suosittelee selaimelle käyttämään tätä määrää sarakkeita, koska niiden todellinen määrä voi poiketa asetetusta riippuen sarakkeen leveydestä ja niiden välisen välin koosta.
`auto`	Selain valitsee optimaalisen määrän sarakkeita automaattisesti.

Oletusarvo: auto.

Esimerkki

Tässä esimerkissä teksti jaetaan 3 sarakkeeseen (tietenkin sellaisissa selaimissa, jotka tukevat monisarakkeisuutta, muissa se on vain tavallista yksisarakkeista tekstiä):

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

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

Esimerkki . Arvo auto

Tässä esimerkissä on määritetty sarakkeen leveys column-width 150px:ksi, ja niiden määrä column-count on asetettu arvoon auto - selain valitsee automaattisesti tarvittavan määrän sarakkeita ja niiden välisen välin:

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

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

Katso myös

ominaisuus column-width,
joka asettaa sarakkeen leveyden
ominaisuus column-gap,
joka asettaa sarakkeiden välisen välin
ominaisuus column-rule,
joka asettaa reunuksen sarakkeiden väliin
ominaisuus column-span,
joka asettaa sarakkeiden määrän, joiden yli elementin tulee ulottua
ominaisuus columns,
joka on lyhennysominaisuus monisarakkeisuudelle