Easy Tutorial
❮ Css3 Pr Nav Right Css3 Pr Background Clip ❯

CSS3 column-count Property

Example

Divide the text within the div element into three columns:


Browser Support

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

Numbers followed by -webkit-, -ms-, or -moz- specify the first version that worked with a prefix.

Property
column-count 50.0 <br>4.0 -webkit- 10.0 2.0 -moz- 9.0 <br>3.1 -webkit- 37.0 <br>15.0 -webkit <br>11.1

Property Definition and Usage

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

Default value: auto
Inherited: no
--- ---
Version: CSS3
--- ---
JavaScript syntax: object.style.columnCount=3
--- ---

Syntax

Value Description
number The ideal number of columns into which the element's content should flow
auto The number of columns will depend on other properties, such as "column-width"

Try it Yourself - Examples

Column-gap

Column-rule


Related Articles

CSS3 Tutorial: CSS3 Multiple Columns

❮ Css3 Pr Nav Right Css3 Pr Background Clip ❯