Example
Specify how to fill columns:
document.getElementById("myDIV").style.columnFill = "auto";
Definition and Usage
The columnFill property specifies how to fill columns, balanced or not.
Browser Support
The columnFill property is not supported in any of the major browsers.
Syntax
Return the columnFill property:
object.style.columnFill
Set the columnFill property:
object.style.columnFill="balance|auto|initial|inherit"
Property Values
| Value | Description |
|---|---|
| balance | Default value. Columns are balanced. Browsers should minimize the variation in column length |
| auto | Columns are filled sequentially, and they will have different lengths |
| initial | Sets this property to its default value. Read about initial |
| inherit | Inherits this property from its parent element. Read about inherit |
Technical Details
| Default Value: | balance |
|---|---|
| Return Value: | A String, representing the column-fill property of an element |
| CSS Version | CSS3 |
Related Pages
CSS3 tutorial: CSS3 Multiple Columns
CSS reference: column-fill property
< Style Object