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 поддерживается во всех основных браузерах.

Читайте также

Насколько публикация полезна?

Нажмите на звезду, чтобы оценить!

Средняя оценка 5 / 5. Количество оценок: 1

Оценок пока нет. Поставьте оценку первым.