CSS column fill Property
CSS column-fill Property
The column-fill property specifies how to fill columns, balanced or not. If the height property is added to a multi-column element, we can control how the content fills the columns. The content can be balanced or filled sequentially.
Default Value:-
Its default value is balance.
Syntax:-
Its syntax is:- column-fill: balance | auto | initial | inherit;
Further Explanation:-
Value | Description |
---|---|
balance | Fills each column with about the same amount of content. |
auto | Fills each column until it reaches the height. |
initial | Sets this property to its default value. |
inherit | Inherits this property from its parent element. |