CSS column-fill Property

In CSS, the column-fill property specifies whether or not the columns will be filled in a balanced manner.




Property Values

Value Description
balance The default value. Fills each column with roughly the same amount of content but prevents columns from being taller than the height.
auto Fills each column until it reaches the maximum height, and then repeats the process until it runs out of content.
initial This property is set to its default value.
inherit This property is inherited from its parent element.

Supported Browsers

Element Chrome Firefox Safari Edge / IE Opera
column-fill 50.0 52.0
13.0 -moz-
7.0 -webkit-
10.0 37.0