概要
要素のカラム数を記述します。
| 初期値 | 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 |
| 基本サポート |
? |
(有) |
? |
? |
? |