Својството 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,
кое е кратенка за својствата на повеќеколонскиот текст
