Easy Tutorial
❮ Pr Background Image Css Inherit ❯

CSS3 column-fill Property

Example

Specify how to fill columns:


Browser Support

The numbers in the table specify the first browser version that fully supports the property.

Property
column-fill No support No support 13.0 -moz- No support No support

Property Definition and Usage

The column-fill property specifies how to fill columns.

Default value: balance
Inherited: no
--- ---
Version: CSS3
--- ---
JavaScript syntax: object.style.columnFill="auto"
--- ---

Syntax

Value Description
balance Columns are balanced in length. The browser should minimize the variation in column lengths.
auto Columns are filled sequentially. They will have different lengths.

More Examples

Column-count

Column-gap

Column-rule


Related Articles

CSS3 Tutorial: CSS3 Multiple Columns

❮ Pr Background Image Css Inherit ❯