Style columnFill 属性

定義と使用方法

columnFill 属性は列を満たす方法を規定します（調整するかどうか）。

も参照してください：

CSS3 チュートリアル：CSS Multicol

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

Browser Support

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