Вы здесь

CSS свойство columns

Универсальное свойство, которое позволяет одновременно задать ширину и количество колонок многоколоночного текста.

Свойство columns позволяет за одну декларацию установить свойства column-width и column-count.

CSS синтаксис

columns: auto | column-width column-count | initial | inherit;

Возможные значения

Значение Описание
auto Значение по умолчанию. Ширина и количество колонок определяются браузером.
column-width Ширина колонок.
column-count Количество колонок.
inherit Значение наследуется от родительского элемента.
initial Устанавливает значение по умолчанию.

Пример

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


div {
    -webkit-columns: 100px 3; /* Chrome, Safari, Opera */
    -moz-columns: 100px 3; /* Firefox */
    columns: 100px 3;
}