CSS column-count Property


In CSS, the column-count property is used to divide a portion of content within any HTML element into a specified number of columns.

Syntax

Example

Preview

Property Values

Value Description
number The ideal number of columns into which the element's content will be flowed.
auto The default value. Other properties, such as column-width, will determine the number of columns.
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-count 50.0 
4.0 -webkit-
52.0 
2.0 -moz-
9.0 
3.1 -webkit-
10.0 37.0 
15.0 -webkit 
11.1