CSS column-count property

Definition and Usage

The column-count property specifies the number of columns that the element should be divided into.

See Also:

CSS3 Tutorial:CSS3 Multicol

HTML DOM Reference Manual:columnCount Property

Example

Divides the text in the div element into three columns:

div
{
column-count:3;
}

Try It Yourself

More examples are at the bottom of the page.

CSS Syntax

column-count: number|auto;

Attribute Value

Value Description Tests
number The best column number for dividing the element content. Tests
auto The column number is determined by other properties, such as "column-width". Tests

Technical Details

Default Value: auto
Inheritance: no
Version: CSS3
JavaScript Syntax: object.style.columnCount=3

More Examples

Column-gap
Divides the text in the div element into three columns and specifies a 30-pixel gap between columns.
Column-rule
Specifies the width, style, and color between columns.

Browser Support

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

Chrome IE / Edge Firefox Safari Opera
50.0
4.0 -webkit-		 10.0 52.0
2.0 -moz-		 9.0
3.1 -webkit-		 37.0
15.0 -webkit
11.1