CSS3 column-fillProperty
Example
Specify how to fill columns:
div
{
column-fill:auto;
}
{
column-fill:auto;
}
More examples at the bottom of this page.
Browser Support
The numbers in the table indicate the version number of the first browser that supports the method.
| Property | |||||
|---|---|---|---|---|---|
| column-fill | Not supported | Not supported | 13.0 -moz- | Not supported | Not supported |
Property definition and usage instructions
The column-fill property specifies how to fill columns.
| Default Value: | balance |
|---|---|
| Inherited: | no |
| version: | CSS3 |
| JavaScript Syntax: | object.style.columnFill="auto" |
Syntax
column-fill: balance|auto;
| Value | Description |
|---|---|
| balance | Balance the column lengths. The browser should minimize changes to the length of columns. |
| auto | Fill columns in order, and they will have different lengths. |
More Examples
Column-count
The text of the div element is divided into three columns.
Column-gap
Divide the text in the div element into three columns, and specify a 30-pixel gap between columns.
Column-rule
Specify the rule between columns: width, style, and color.
Related Articles
CSS3 Tutorial:CSS3 Multiple Columns
other extensions