概要
要素のカラム数を記述します。
初期値 | 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;
}
仕様
ブラウザ実装状況
機能 |
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 |
基本サポート |
? |
(有) |
? |
? |
? |