Свойство 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,
което е свойство-съкращение за многоколонност
