CSS property: column-fill

Description

Strategy for filling columns.

In continuous media, this property will only be consulted if the length of columns has been constrained. Otherwise, columns will automatically be balanced.

In continous media, this property does not have any effect in overflow columns (see below).

In paged media, this property will only have effect on the last page the multicol element appears on.

Syntax

column-fill: auto | balance;

Values

auto

Fills columns sequentially.

balance (by default)

Balance content equally between columns, if possible.

Versions

Examples

p {
    columns: 2 auto;
    column-fill: auto;
}