Style columnCount 属性

定義と使用方法

columnCount 属性は要素が分割されるべき列数を指定します。

も参照してください：

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

CSS リファレンスマニュアル：column-count 属性

例

div要素のテキストを三列に分割します：

document.getElementById("myDIV").style.columnCount = 3;

自分で試してみてください

構文

columnCount 属性の返値：

object.style.columnCount

columnCount 属性の設定：

object.style.columnCount = "number|auto|initial|inherit"

属性値

値 説明
number 要素の内容が分割される最適な列数です。
auto デフォルト値。他の属性（例えば「column-width」）によって列数が決定されます。
initial この属性をデフォルト値に設定します。参照してください initial。
inherit この属性を親要素から継承します。参照してください inherit。

技術的詳細

デフォルト値： auto
返値： 文字列、要素の column-count 属性。
CSS バージョン： CSS3

ブラウザのサポート

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