Свойство columns в CSS

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

Атрибут columns — это сокращенный атрибут, который используется для установки ширины и количества колонок.

См. также:

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

Руководство по HTML DOM:columns атрибут

Пример

Определяет ширину и количество колонок:

div
{
columns:100px 3;
}

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

Более примеров внизу страницы.

Синтаксис CSS

columns: column-width column-count;

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

Значение Описание
column-width Ширина колонки.
column-count Количество колонок.

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

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

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

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

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

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

Числа с префиксами -webkit- или -moz- указывают на первую версию, использующую префикс.

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