Style columnFill 属性

定義と用法

columnFill 属性は列をどのように埋め込むか（調整するかどうか）を規定します。

他にも参照してください：

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

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

例

列をどのように埋め込むかを指定します：

document.getElementById("myDIV").style.columnFill = "balance";

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

構文

columnFill 属性の返り値：

object.style.columnFill

columnFill 属性の設定：

object.style.columnFill = "balance|auto|initial|inherit"

属性値

値 説明
balance デフォルト値。列を調整します。ブラウザは列の長さの差を最小限に抑えるべきです。
auto 列を順序に埋め込みます。列の長さはそれぞれ異なります。
initial この属性をデフォルト値に設定します。参照してください initial。
inherit この属性を親要素から継承します。参照してください inherit。

技術的詳細

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

ブラウザのサポート

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