CSS column-width Property

In CSS, the columns-width property is used to specify the width of the columns. To display the content across the element, the bare minimum of columns is required. It is a versatile property. If the browser cannot fit at least two columns at the specified column width, the two columns will be combined into a single column.




Property Values

Value Description
auto The default value. The browser will determine the column width.
length A length that specifies the column width. The number of columns will be the bare minimum required to display all of the content across the element. Learn more about length units.
initial This property is set to its default value.
inherit This property is inherited from its parent element.

Supported Browsers

Element Chrome Firefox Safari Edge / IE Opera
column-width 50.0
4.0 -webkit-
2.0 -moz-
3.1 -webkit-
10.0 37.0
15.0 -webkit