column-width

The column-width property designates the column width.

Syntax

The width is more of a “minimum width suggestion” for the browser. If at least two columns cannot fit at the designated width then the browser will drop the content into a single column.

div.ex {
  column-width: 150px;
}

Values

auto
Default value. The browser determines the column width.

length
The length unit that designates the columns’ width.

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