Search within TutorialsPark

CSS3 column-count Property


To set the number of columns in a multicolumn layout


Definition and Notes.

1. The CSS column-count property specifies the number of columns.The value must be an integer greater than zero

2. If the column-width is also defined, then the column-count specifies the maximum number of columns.

Syntax:

CSS column-count property. internetexplorer safari firefox opera chrome

View in Splitscreen»

Code-Editor:

Note- The value auto sets the optimal number of columns.

Property Values

Value Description
number To set the optimal number of columns within which the content will be divided .
auto Leaves it to the browser to set the no of columns based on other properties like "column-width" etc

Specifications

Specs Value
Name column-count
Value <integer> | auto
Initial Value Auto
Applies to Nonreplaced block-level elements(except table elements), table cells, and inline-block elements
Javascript syntax object.style.columnCount=4
Inherited No
Computed Value Same as declared Value.
Browser Support internetexplorer safari firefox opera chrome

Related Examples.