CSS-свойство column-fill

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`.