CSS3 column-widthプロパティ
例
列の幅を指定：
div
{
column-width:100px;
-moz-column-width:100px; /* Firefox */
-webkit-column-width:100px; /* Safari and Chrome */
}
{
column-width:100px;
-moz-column-width:100px; /* Firefox */
-webkit-column-width:100px; /* Safari and Chrome */
}
試してみる »
このページの下部にさらに多くの例があります。
ブラウザサポート
表内の数字は、そのプロパティをサポートする最初のブラウザバージョンを示します。
-webkit-、-ms-、または -moz- の直前にある数字は、その接頭辞付きプロパティをサポートする最初のブラウザバージョンを示します。
| プロパティ | |||||
|---|---|---|---|---|---|
| column-width | 50.0 4.0 -webkit- |
10.0 | 2.0 -moz- | 9.0 3.1 -webkit- |
37.0 15.0 -webkit- 11.1 |
プロパティの定義と使用説明
column-width プロパティは列の幅を指定します。
| 初期値： | auto |
|---|---|
| 継承： | no |
| バージョン： | CSS3 |
| JavaScript 構文： | object.style.columnWidth="100px" |
構文
column-width: auto|length;
| 值 | 説明 |
|---|---|
| auto | ブラウザが列の幅を決定します |
| length | 列の幅の長さを指定 |
その他の例
div要素のテキストを3列に分割します。
div要素のテキストを3列に分割し、列間に30ピクセルの間隔を指定します。
列間のルール（幅、スタイル、色）を指定します。
関連記事
CSS3 チュートリアル：CSS3 Multiple Columns
その他の拡張