column-count
| Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
| 10.0 | 1.0+ | 11.1+ | 3.0+ | 1.5+ | 2.0+ |
Краткая информация
| Значение по умолчанию | auto |
|---|---|
| Наследуется | Нет |
| Применяется | К блочным элементам (кроме таблиц), ячейкам и элементам, у которых display установлен как inline-block |
| Процентная запись | Неприменима |
| Ссылка на спецификацию | http://www.w3.org/TR/css3-multicol/#column-count |
Версии CSS
| CSS 1 | CSS 2 | CSS 2.1 | CSS 3 |
|---|---|---|---|
Описание
Определяет количество колонок в многоколоночном тексте.
Синтаксис
column-count: <число> | auto
Значения
- <число>
- Целое число больше нуля, задающее оптимальное число колонок.
- auto
- Число колонок вычисляется автоматически на основе других свойств (column-width, column-gap).
Пример
HTML5CSS3IE 9CrOpSaFx
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>column-count</title>
<style>
.book {
-moz-column-count: 2; /* Для Firefox */
-webkit-column-count: 2; /* Для Safari и Chrome */
column-count: 2;
}
</style>
</head>
<body>
<div class="book">
Контрапункт контрастных фактур дает структурный midi-контроллер,
таким образом объектом имитации является число длительностей в
каждой из относительно автономных ритмогрупп ведущего голоса.
Протяженность, по определению, просветляет флэнжер, хотя это
довольно часто напоминает песни Джима Моррисона и Патти Смит.
</div>
</body>
</html>
Браузеры
Firefox поддерживает нестандартное свойство -moz-column-count.
Safari, Chrome и iOS поддерживают нестандартное свойство -webkit-column-count.
