Style columns属性

定義と使用法

columns 属性はcolumnWidthとcolumnCountのショートカット属性です。

も参照してください：

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

CSSリファレンスマニュアル：columns属性

例

テキストを3列に分けて、各列は少なくとも100ピクセル：

document.getElementById("myDIV").style.columns = "100px 3";

自分で試してみる

文法

columns属性の戻り値：

object.style.columns

columns属性の設定：

object.style.columns = "auto|column-width column-count|initial|inherit"

属性値

値 説明
auto デフォルト値。列幅を"auto"、列数を"auto"に設定します。
columnWidth 列の幅。
columnCount 列数。
initial この属性をデフォルト値に設定します。参照してください initial。
inherit 親要素からこの属性を継承します。参照してください inherit。

技術的詳細

デフォルト値： auto auto
戻り値： 文字列、要素の columns属性。
CSSバージョン： CSS3

ブラウザのサポート

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