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

Свойство column-count определяет количество колонок в многоколоночном тексте.

CSS синтаксис

column-count: число | auto | initial | inherit;

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

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

Пример использования

Разобьем текст в элементах <div> на три колонки


div {
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
     column-count: 3;
}