Style columnFillProperty
Style ObjectExample
Specifies how to fill columns:
document.getElementById("myDIV").style.columnFill="auto";
Definition and Usage
The columnFill property specifies how to fill columns (whether to balance).
Browser Support
Almost all mainstream browsers do not support the columnFill property.
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. Balances the columns. The browser should minimize the difference in column lengths. |
| auto | Fills the columns in order, so the column lengths will differ. |
| initial | Sets this property to its default value. Seeinitial。 |
| inherit | Inherits this property from its parent element. Seeinherit。 |
Technical Details
| Default value: | balance |
|---|---|
| Return value: | A string representing the column-fill property of an element. |
| CSS Version | CSS3 |
Related Articles
CSS3 Tutorial:CSS3 Multi-column
CSS Reference Manual:column-fill property
Other Extensions