CSS Column-Fill Property

CSS 1

CSS 2

CSS 3
No No Yes

Description

There are two strategies for filling columns: columns can either be balanced, or not. If columns are balanced, UAs will try to balance content between different columns. Otherwise, columns are filled sequentially. In any case, the user agent should try to honor the ‘widows’ and ‘orphans’ properties.

Syntax

column-fill: [value];

Possible values

  • auto
  • balance

Initial Value

balance

Applies To

Multi-column elements

Inherited

No

Media

Paged

Example

body {
  column-fill: auto ;
}

View All CSS Properties