Уласцівасць column-count

Уласцівасць column-count задае рэкамендаваную колькасць калонак у шматкалонкавым тэксце. Іх рэальная колькасць можа адрознівацца ад зададзенай, у залежнасці ад шырыні калонкі і памеру прамежку паміж імі.

Сінтаксіс

селектар {
	column-count: лік | auto;
}

Значэнні

Значэнне Апісанне

лік Задае паказаную колькасць калонак. Дакладней, рэкамендуе браўзеру выкарыстоўваць гэтую колькасць калонак, так як іх рэальная колькасць можа адрознівацца ад зададзенай, у залежнасці ад шырыні калонкі і памеру прамежку паміж імі.

auto Браўзер сам падбірае аптымальную колькасць калонак.

Значэнне	Апісанне
лік	Задае паказаную колькасць калонак. Дакладней, рэкамендуе браўзеру выкарыстоўваць гэтую колькасць калонак, так як іх рэальная колькасць можа адрознівацца ад зададзенай, у залежнасці ад шырыні калонкі і памеру прамежку паміж імі.
`auto`	Браўзер сам падбірае аптымальную колькасць калонак.

Значэнне па змаўчанні: auto.

Прыклад

У гэтым прыкладзе тэкст разбярэцца на 3 калонкі (відавоўна, у браўзерах, якія падтрымліваюць шматкалонкавасць, у астатніх будзе проста звычайны тэкст у адну калонку):

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

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

Прыклад . Значэнне auto

У гэтым прыкладзе паказана шырыня калонкі column-width у 150px, а іх колькасць column-count стаіць у значэнні auto - браўзер сам падбярэ неабходную колькасць калонак і прамежак паміж імі:

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

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

Глядзіце таксама

уласцівасць column-width,
якая задае шырыню калонкі
уласцівасць column-gap,
якая задае прамежак паміж калонкамі
уласцівасць column-rule,
якая задае мяжу паміж калонкамі
уласцівасць column-span,
якая задае колькасць слупкоў, на якія павінен расцягвацца элемент
уласцівасць columns,
якая з'яўляецца ўласцівасцю-скарачэннем для шматкалонкавасці