column-count

概要

要素のカラム数を記述します。

初期値	auto
適用対象	非置換ブロック要素（テーブル要素を除く）、テーブルセル、インラインブロック要素
継承	不可
メディア	visual
計算値	指定値
アニメーションの可否	可。 の値として補完しますinteger
正規順序	形式文法で定義される一意のあいまいでない順序

構文

column-count: <number> | auto;

値

auto

column-width などの他の CSS プロパティによって列数を自動的に決定する事を示すキーワード

<number>

要素の内容の流し込み先となるカラムの、カラム数（期待する列数）を示す正の <integer> 。
column-width が、"auto" 以外に設定されている場合はカラム数の最大許容数を示す。

例

.content-box {
  border: 10px solid #000000;
  column-count:3;
}

仕様

仕様書	策定状況	コメント
CSS Multi-column Layout Module column-count の定義	勧告候補

ブラウザ実装状況

• デスクトップ
• モバイル

機能	Chrome	Firefox (Gecko)	Internet Explorer	Opera	Safari (WebKit)
基本サポート	(有)-webkit	1.5 (1.8)-moz	10	11.1	3.0 (522)-webkit

機能	Android	Firefox Mobile (Gecko)	IE Phone	Opera Mobile	Safari Mobile
基本サポート	?	(有)	?	?	?