ExampleSpecify how to fill columns:
More examples at the bottom of this page. |
The column-fill property is not supported in any of the major browsers.
The column-fill property specifies how to fill columns, balanced or not.
Default value: | balance |
---|---|
Inherited: | no |
Version: | CSS3 |
JavaScript syntax: | object.style.columnFill="auto" |
column-fill: balance|auto; |
Value | Description |
---|---|
balance | Columns are balanced. Browsers should minimize the variation in column length |
auto | Columns are filled sequentially, and they will have different lengths |
![]() |
Try it Yourself - Examples |
Column-count
Divide the text in a div element into three columns.
Column-gap
Divide the text in a div element into three columns, and specify a 30 pixels gap
between the columns.
Column-rule
Specify the width, style and color of the rule between columns.