A column-count tulajdonság

A column-count tulajdonság a többoszlopos szövegben lévő oszlopok ajánlott számát határozza meg. Azok valós száma eltérhet a megadottól, az oszlop szélességétől és a köztük lévő rés méretétől függően.

Szintaxis

selector {
	column-count: szám | auto;
}

Értékek

Érték	Leírás
szám	Meghatározza a megadott számú oszlopot. Pontosabban ajánlja a böngészőnek az oszlopok számának használatát, mivel azok valós száma eltérhet a megadottól, az oszlop szélességétől és a köztük lévő rés méretétől függően.
`auto`	A böngésző maga választja ki az optimális oszlopszámot.

Alapértelmezett érték: auto.

Példa

Ebben a példában a szöveg 3 oszlopra lesz osztva (természetesen azokban a böngészőkben, amelyek támogatják a többoszlopos elrendezést, a többiben egyszerűen csak közönséges, egyoszlopos szöveg lesz):

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

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

Példa . Az auto érték

Ebben a példában az oszlop szélessége column-width 150px, a számuk column-count pedig auto értékre van állítva - a böngésző maga választja ki a szükséges oszlopok számát és a köztük lévő rést:

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

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

Lásd még

a column-width tulajdonság,
amely az oszlop szélességét határozza meg
a column-gap tulajdonság,
amely az oszlopok közötti rést határozza meg
a column-rule tulajdonság,
amely az oszlopok közötti szegélyt határozza meg
a column-span tulajdonság,
amely meghatározza, hogy hány oszlopra kell az elemnek kiterjednie
a columns tulajdonság,
amely egy összevont tulajdonság a többoszlopos elrendezéshez