Style columnFill attribute

Definition and Usage

columnFill The attribute specifies how to fill the columns (whether to coordinate).

See also:

CSS3 Tutorial:CSS Multi-column

CSS Reference Manual:column-fill attribute

Example

Specifies how to fill the columns:

document.getElementById("myDIV").style.columnFill = "balance";

Try it yourself

Syntax

Return columnFill attribute:

object.style.columnFill

Set columnFill attribute:

object.style.columnFill = "balance|auto|initial|inherit"

Attribute value

Value Description
balance Default value. Coordinates the columns. The browser should minimize the differences in column lengths.
auto Fills the columns in order, with varying lengths.
initial Sets this attribute to its default value. See also initial.
inherit Inherits this attribute from its parent element. See also inherit.

Technical details

Default value: balance
Return value: string, indicating the column-fill attribute.
CSS version: CSS3

Browser Support

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
50.0 10.0 52.0 10.0 37.0