HTML and CSS Reference
In-Depth Information
Name
column-fill
Values:
auto | balance
Initial value:
balance
Applies to:
Elements laid out using multiple columns
Inherited:
No
Computed value:
Same as declared value
Description:
Defines how the columns in an element laid out with multiple columns are height-balanced
(or not). This property's value only takes hold in cases where the column lengths have been in
some way constrained. The obvious case of this would be if the element's height has been ex-
plicitly set. In all other cases, the columns are automatically balanced. The value auto means
columns are filled sequentially, which is to say each column is filled to the full column height
until the last, which is either under- or over-filled as necessary.
Examples:
body {height: 50em; column-fill: auto;}
Search WWH ::




Custom Search