Please note, this is a STATIC archive of website developer.mozilla.org from November 2016, cach3.com does not collect or store any user information, there is no "phishing" involved.

概要

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

初期値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,