CSS3カラムのプロパティ
例
列の幅と数を指定します：
div
{
columns:100px 3;
-webkit-columns:100px 3; /* Safari and Chrome */
-moz-columns:100px 3; /* Firefox */
}
{
columns:100px 3;
-webkit-columns:100px 3; /* Safari and Chrome */
-moz-columns:100px 3; /* Firefox */
}
»をお試しください
より多くの例については、このページの下で。
ブラウザのサポート
表中の数字は、プロパティのバージョン番号をサポートする最初のブラウザを表します。
すぐにデジタル-webkit-を以下、-ms-またはプレフィックスのサポートに前-moz-は最初のブラウザのバージョン番号を属性。
| 属性 | |||||
|---|---|---|---|---|---|
| columns | 50.0 4.0 -webkit- |
10.0 | 9.0 -moz- | 9.0 3.1 -webkit- |
37.0 15.0 -webkit- 11.1 |
属性の定義と指示
Columnsプロパティは、列の列幅と数を設定するための簡略記述特性です。
| デフォルト： | オートオート |
|---|---|
| 継承： | いいえ |
| バージョン： | CSS3 |
| JavaScriptシンタックス： | オブジェクト.style.columns = "100pxに3" |
文法
列：列幅の列数。
| 値 | 説明 |
|---|---|
| 列幅 | 列幅 |
| 列カウント | 列の数 |
より多くの例
列カウント
3列にテキストdiv要素。
カラムギャップ
3列にdiv要素内のテキスト、および30ピクセルの列の間のギャップを指定します。
列のルール
幅、スタイル、色：ルールは、列の間を指定します。
関連記事
CSS3チュートリアル： CSS3の複数列
