columns

The columns property is shorthand for column-width and column-count, in that order.

Syntax

Example:

div.ex {
  columns: 150px 4;
}

Values

auto
Default value. Both the column-width and the column-count are set to “auto”.

column-width
Designates the minimum column width.

column-count
Designates the maximum amount of columns an element will be divided into.

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 columns? Submit a codepen.io demo and we'll showcase it here ↴