Style column Count Property

Style column Count Property

It breaks an element's content into the specified number of columns.

It is used to divide a portion of content inside any HTML element into a given number of columns.

Browser Support

The numbers in the table specify the first browser version that fully supports the property.

Property	chrome	firefox	Microsoft edge	opera
column-count	50.0 4.0 -webkit-	52.0 2.0 -moz-	10.0	37.0 15.0 -webkit 11.1

Syntax

column-count: number|auto|initial|inherit;

Example

Output

You can click the button "click it" after that this paragraph split or divide the column count.

Property Values

Value	Description
number	The optimal number of columns into which the content of the element will be flowed
auto	Default value. The number of columns will be determined by other properties, like e.g. "column-width"
initial	Set this property to its default value.
inherit	Inherits this property from its parent element.

Technical Details