column-fill

The column-fill CSS property describes how content is balanced when it is separated into columns.

Syntax

CSS

column-fill: value;

JS

object.style.columnFill = "value";

Values

<'column-fill'> = auto | balance | balance-all
auto

Fill the columns sequentially.

balance

Balance the content equally between columns. In fragmented contexts, only the last fragment is balanced.

balance-all

Balance the content equally between columns. In fragmented contexts, all fragments are balanced.

Initial

balance

Examples

auto

balance

balance-all

JS

World Wide Web Consortium (W3C)

Home Menu