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;
}