column-fill

The column-fill CSS property controls how an element's contents are balanced when broken into columns.

Initial value balance
Applies to multicol elements

Syntax

  
column-fill: balance;
  

Values

Columns are filled sequentially. Content takes up only the room it needs, possibly resulting in some columns remaining empty.
Content is equally divided between columns. In fragmented contexts, such as paged media, only the last fragment is balanced. Therefore in paged media, only the last page would be balanced.
Content is equally divided between columns. In fragmented contexts, such as paged media, all fragments are balanced.

Browser support

column-fillchrome50edge12firefox52ie10opera37safari9
balance-allchromeedgefirefoxieoperasafari

We use cookies to improve your experience. Learn more in our Privacy policy.

×