column-count

Internet Explorer	Chrome	Opera	Safari	Firefox	Android	iOS
10.0	1.0+	11.1+	3.0+	3.0+		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).

Пример

<!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.

Категория: Колонки