Join MDN and developers like you at Mozilla's View Source conference, 12-14 September in Berlin, Germany. Learn more at https://viewsourceconf.org

概要

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

初期値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
基本サポート ? (有) ? ? ?

ドキュメントのタグと貢献者

 このページの貢献者: Sebastianz, fscholz, teoli, ethertank, Sheppy, Marsf
 最終更新者: Sebastianz,