Определяет количество колонок в многоколоночном тексте.
Синтаксис
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.
Это интересно
Интернет посещают приблизительно 1 319 872 109 человек ежедневно.