column-count

The column-count property designates the amount of columns an element will be divided into.

Syntax

Example:

div.ex {
  column-count: 4;
}

Values

number
The amount of columns that the content within the element will be flowed into.

auto
Default value. Other properties, like column-width, for instance, will determine the number of columns.

initial
Sets the property to its default value.

inherit
Inherits this property’s value from its parent item.

Browser Compatibilty

Demos

Have a code example of column-count? Submit a codepen.io demo and we'll showcase it here ↴