column-count CSS
Свойство column-count
определяет количество колонок в многоколоночном тексте.
- Значение по умолчанию:
auto
- Наследуется:
- Нет
- Применяется:
К блочным элементам (кроме таблиц), ячейкам и элементам, у которых
display
установлен какinline-block
- Анимируется:
- Да
- Объект JavaScript:
-
object.style.columnCount
- Спецификации:
- Поддержка браузерами:
Синтаксис
/* <integer> value */
column-count: 3;
/* Keyword value */
column-count: auto;
/* Global values */
column-count: inherit;
column-count: initial;
column-count: unset;
Значения
-
<число>
— Целое число больше нуля, задающее оптимальное число колонок. -
auto
— Число колонок вычисляется автоматически на основе других свойств (column-width
,column-gap
).
Примечание
Firefox поддерживает свойство -moz-column-count
.
Safari, Chrome и Аndroid поддерживают свойство -webkit-column-count
.
Примеры
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>column-count</title>
<style>
.book {
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
}
</style>
</head>
<body>
<div class="book">
Контрапункт контрастных фактур дает структурный midi-контроллер,
таким образом объектом имитации является число длительностей в
каждой из относительно автономных ритмогрупп ведущего голоса.
Протяженность, по определению, просветляет флэнжер, хотя это
довольно часто напоминает песни Джима Моррисона и Патти Смит.
</div>
</body>
</html>