column-fill

Оновлено: 21.12.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