column-count

Обновлено: 08.12.2022

column-count

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

Краткая информация

Значение по умолчанию auto
Наследуется Нет
Применяется К блочным элементам (кроме таблиц), ячейкам и элементам, у которых display установлен как inline-block
Анимируется Да

Синтаксис

column-count: <число> | auto

Значения

<число> Целое число больше нуля, задающее оптимальное число колонок.
auto Число колонок вычисляется автоматически на основе других свойств (column-width, column-gap).

Пример

Объектная модель

Объект.style.columnCount

Примечание

Firefox поддерживает свойство -moz-column-count.

Safari, Chrome и Аndroid поддерживают свойство -webkit-column-count.

Браузеры

column-count

Посмотреть совместимость на Can I use?

column-count