CSS column-width 属性

定義と使用方法

column-width属性は列の幅を指定します。

参照もしてください：

CSS3チュートリアル：CSS3 多列

HTML DOMリファレンスマニュアル：columnWidth属性

例

列の幅を指定します：

div
{
column-width:100px;
}

実際に試してみてください

ページの下部には他の例があります。

CSS文法

column-width: auto|length;

属性値

値 説明 テスト
auto 列の幅はブラウザによって決定されます。 テスト
length 列の幅を指定します。 テスト

技術的な詳細

デフォルト値： auto
継承性： no
バージョン： CSS3
JavaScript文法： object.style.columnWidth="100px"

他の例も参照してください。

Column-count
div要素内のテキストを3列に分割します。
Column-gap
div要素内のテキストを3列に分け、各列間に30ピクセルの間隔を設定します。
Column-rule
列間の幅、スタイル、色を指定します。

ブラウザのサポート

テーブルの数字は、その属性を完全にサポートする最初のブラウザのバージョンを示しています。

前缀を使用する最初のバージョンを示す数字は -webkit- または -moz- で始まる。

Chrome IE / Edge Firefox Safari Opera
50.0 10.0 52.0 10.0 37.0