CSS3 `columns` Property

Example

Specify the width and number of columns:

div {
    columns: 100px 3;
    -webkit-columns: 100px 3; /* Safari and Chrome */
    -moz-columns: 100px 3; /* Firefox */
}

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	Chrome	IE	Firefox	Safari	Opera
columns	50.0 <br>4.0 -webkit-	10.0	9.0 -moz-	9.0 <br>3.1 -webkit-	37.0 <br>15.0 -webkit- <br>11.1

The columns property is a shorthand property for setting column width and column count.

columns is a shorthand property for column-width and column-count.

Value	Description
column-width	The width of the columns
column-count	The number of columns