Својство column-count
Својство column-count задаје препоручени
број колона у тексту са више колона.
Њихов стварни број може се разликовати од
заданог, у зависности од ширине колоне
и величине размака између њих.
Синтакса
селектор {
column-count: број | 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,
које је скраћеница за својства више колона