CSS3

プロパティ

column-fill

→●、mdn

段組：column の平準化。

このプロパティは、直後に spanner が無い複 column 行に対し、その内容が各 column 間で平準化されるかどうかを指定する。【spanner が在る場合は常に平準化される。】

balance

内容を、各 column 間で可能な限り平準化する。断片化文脈においては、最後の断片だけ平準化する。

<DIV style="border:1px solid red; width:150px;
 column-count:3;
 column-fill:balance;
 font-size:10pt;
">あああああああああ</DIV>

¶

balance-all

内容を、各 column 間で可能な限り平準化する。断片化文脈においては、すべての断片に渡って平準化する。

<DIV style="border:1px solid red; width:150px;
 column-count:3;
 column-fill:balance-all;
 font-size:10pt;
">あああああああああ</DIV>

¶

auto

各 column を逐次的に埋めていく。

<DIV style="border:1px solid red; width:150px;
 column-count:3;
 column-fill:auto;
 font-size:10pt;
">あああああああああ</DIV>

¶

連続的文脈においては、このプロパティは、過フロー column が在るときには効果はない。

テスト