最終更新日

column-fillプロパティ

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

以下は、関連プロパティです。

break-before
break-after
break-inside
column-span

CSS3での変更点
・column-fillは、CSS3から新しく追加されたプロパティです。
初期値 適用先 継承
balance 段組みされた要素 なし
説明
balance 各カラムのテキストを均等に分配し、カラムの高さを平均化します。(初期値
auto 通常どおり、先頭のカラムから連続してテキストを満たしていきます。
サンプルコード
column-fill: balance;
column-fill: auto;
参考文献:CSS Multi-column Layout Module外部リンク
HOME