column-countプロパティ

column-countプロパティは、段組みテキストの推奨される カラム数を指定します。実際のカラム数は、カラムの幅やカラム間の間隔のサイズによって、指定された数と異なる場合があります。

構文

セレクタ {
	column-count: 数値 | auto;
}

値	説明
数値	指定された数のカラムを設定します。より正確には、ブラウザに対してこの数のカラムを使用するよう推奨します。実際のカラム数は、カラムの幅やカラム間の間隔のサイズによって、指定された数と異なる場合があります。
`auto`	ブラウザが最適なカラム数を自動的に決定します。

初期値: auto。

この例では、テキストは3つのカラムに分割されます（もちろん、段組みをサポートするブラウザでの話です。それ以外のブラウザでは通常の1カラムのテキストとして表示されます）：

<div id="elem">
	some long text
</div>

#elem {
	column-count: 3;
	text-align: justify;
}

この例では、カラムの幅column-widthが 150px、カラム数column-countは autoに設定されています。ブラウザが必要なカラム数とカラム間の間隔を自動的に決定します：

<div id="elem">
	some long text
</div>

#elem {
	column-count: auto;
	column-width: 150px;
	text-align: justify;
}