最終更新日 2021年6月19日

column-fillプロパティ

column-fillは、段組み表示の際、各カラムのテキストを均等に分配し、カラムの高さを平均化するプロパティです。

CSS3での変更点

・column-fillは、CSS3から新しく追加されたプロパティです。

初期値	適用先	継承
balance	段組みされた要素	なし

値	説明
balance	各カラムのテキストを均等に分配し、カラムの高さを平均化します。（初期値）
auto	通常どおり、先頭のカラムから連続してテキストを満たしていきます。

サンプルコード

column-fill: balance;
column-fill: auto;

ザマワンにエントリーしました！

『ザマワン』は「座間ワンミニッツ」の略称であり、座間市の魅力を１分にギュッと詰め込む動画コンテストです。