Свойство column-count в CSS

Определение и использование

Свойство column-count определяет количество колонок, на которое элемент должен быть разделен.

См. также:

Уроки CSS3:Многостраничный CSS3

Руководство по HTML DOM:Свойство columnCount

Пример

Разделяет текст в элементе div на три колонки:

div
{
column-count:3;
}

Попробуйте сами

Более примеров в нижней части страницы.

CSS синтаксис

column-count: number|auto;

Значение атрибута

Значение Описание Тестирование
number Наилучшее количество колонок для разбиения содержимого элемента. Тестирование
автоматически Количество колонок определяется другими свойствами, например, "column-width". Тестирование

Технические детали

Значение по умолчанию: автоматически
Ингеритация: нет
Версия: CSS3
JavaScript синтаксис: object.style.columnCount=3

Более примеров

Column-gap
Разделяет текст в элементе div на три колонки и устанавливает интервал между колонками 30 пикселей.
Column-rule
Определяет ширину, стиль и цвет между столбцами.

Поддержка браузерами

Числа в таблице указывают на первую версию браузера, которая полностью поддерживает этот атрибут.

Chrome IE / Edge Firefox Safari Opera
50.0
4.0 -webkit-		 10.0 52.0
2.0 -moz-		 9.0
3.1 -webkit-		 37.0
15.0 -webkit
11.1