CSS-свойство column-fill указывает, как поток содержимого влияет на длину столбцов в элементе с несколькими столбцами. Контент в многостолбцовой компоновке либо сбалансирован, что означает, что содержимое во всех столбцах будет иметь одинаковую высоту, либо просто займет столько места, сколько необходимо, при использовании значения auto.
| Значение по умолчанию: | balance |
| Применяется к: | Multi-column элементы |
| Наследование: | Нет |
| Анимирование: | Нет. Анимируемые свойства |
| Версия: | Новый в CSS3 |
Синтаксис
Синтаксически свойства задаются по следующему шаблону:
column-fill: auto | balance | initial | inheritПримеры написания кода свойства column-fill:
p {
-moz-column-fill: auto; /* Firefox */
column-fill: auto; /* Standard syntax */
}Значения свойств
В следующей таблице описаны значения этого свойства.
| Значение | Описание |
|---|---|
auto |
Столбцы заполняются последовательно, поэтому длина столбцов может отличаться в зависимости от других значений свойств columns. |
balance |
Столбцы заполняются последовательно так, чтобы высота столбцов была максимально сбалансированной, в зависимости от других значений свойств columns. |
initial |
Устанавливает это свойство в значение по умолчанию. |
inherit |
Если указан, связанный элемент принимает вычисленное значение своего родительского элемента column-fill. |
Поддержка браузеров
Свойство column-fill поддерживается во всех основных браузерах.
