column-fill

Обновлено: 26.05.2022

column-fill

Определяет, как содержимое должно распределяться внутри колонок.

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

Значение по умолчанию balance
Наследуется Нет
Применяется К многоколоночным элементам
Анимируется Нет

Синтаксис

column-fill: auto | balance | balance-all

Значения

auto Колонки заполняются последовательно.
balance Содержимое равномерно распределяется между колонок. При печати это правило относится только к последней странице.
balance-all Содержимое равномерно распределяется между колонок. При печати это правило относится ко всем страницам.

Пример

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

Объект.style.columnFill

Примечание

Safari до версии 9 поддерживает свойство -webkit-column-fill.

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

Браузеры

column-fill

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

column-fill