CSS 参考手册

CSS @规则(RULES)

column-count CSS属性は、多列要素内の列数を指定します。

以下の表は、この属性の使用方法とバージョンハイストリと、javascriptスクリプト内でのこの属性の使用方法を示しています。

デフォルト値：	auto
適用：	非置換ブロック要素（テーブル要素を除く）、テーブルセルとインラインブロック要素
継承：	ありません
アニメーション可能：	です。アニメーション属性。
バージョン：	CSS3の新しい機能
JavaScriptの構文：	object.style.columnCount=5

この属性の構文は以下の通りです：

column-count:　　|　auto　|　initial　|　inherit

以下の例では、column-count属性。

例

p　{
　　　　-webkit-column-count:　3;　/*　Chrome,　Safari,　Opera　*/
　　　　　　　-moz-column-count:　3;　/*　Firefox　*/
　　　　　　　　　　　　column-count:　3;　
}

以下の表は、この属性の値を説明しています。

値	説明
number	正の整数値で、多列要素内の列数を指定します。もしcolumn-widthauto以外の値が設定された場合、最大の列数を示す可能性があります。
auto	列数は他のCSS属性によって決定されます、例えばcolumn-width。これはデフォルト値です。
initial	この属性をデフォルト値に設定します。
inherit	指定された場合、関連する要素は親要素のcolumn-countの属性値。

column-count属性のブラウザの互換性を確認します。以下の表の数字は、この属性をサポートするブラウザの最低バージョン番号を示します；すべての主要ブラウザはこの属性をサポートしています。

	Firefox 2+ ^-moz- Google Chrome 4+ ^-webkit- Internet Explorer 10+ Apple Safari 3.1+ ^-webkit- Opera 11.1+ ^-o-、15+ ^-webkit-

以下のチュートリアルを参照してください：CSS3多列レイアウト。