CSS3 チュートリアル

CSS3 リファレンス

Specify the width and number of columns:

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

Try it yourself »
More examples at the bottom of this page.

columns property is only supported in Opera.

Safari and Chrome support an alternative, the -webkit-columns property.

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

columns: column-width column-count;

値	説明
column-width	The width of the columns
column-count	The number of columns

Column-count
Divide the text in a div element into three columns.

Column-gap
Divide the text in a div element into three columns, and specify a 30 pixels gap between the columns.

Column-rule
Specify the width, style and color of the rule between columns.