The column-fill CSS property controls how contents are partitioned into columns. Contents are either balanced, which means that contents in all columns will have the same height or, when using auto, just take up the room the content needs.
Initialbalance
Applies tomulticol elements
Inheritedno
Mediavisual, but, in continuous media, has no effect in overflow columns
Computed Valueas specified
Animatableno
Canonical orderthe unique non-ambiguous order defined by the formal grammar
Syntax
Formal syntax: auto | balance
column-fill: auto
column-fill: balance
column-fill: inherit
Values
auto
Is a keyword indicating that columns are filled sequentially.
balance
Is a keyword indicating that content is equally divided between columns.
