CSS3

プロパティ

widows

→●、mdn

段のウィドウの制御。

ページ、領域、段の先頭に表示されるブロック コンテナーの最小行数を設定します。

［orphans／widows］プロパティは、ブロック コンテナ 内の分断において、その［前／後］に［断片 内に残さなければならない最小な行ボックス数］を指定する。後述にて、これらを利用して分断 を制御する例を与える。

<integer> ○

<DIV style="border:1px solid black; width:200px; height:5em;
 font-size:15px; line-height:1; letter-spacing:0;
 column-count:2;
">
 あああああああああああああああああああああああああああああああ
</DIV>

<DIV style="border:1px solid red; width:200px; height:5em;
 font-size:15px; line-height:1; letter-spacing:0;
 column-count:2;
 widows:4;
">
 あああああああああああああああああああああああああああああああ
</DIV>

<DIV style="border:1px solid red; width:200px;
 font-size:15px; line-height:1; letter-spacing:0;
 column-count:2;
 widows:5;
">
 ああああああああああああああああああああああああああああああああああああああ
</DIV>

¶最初の行は最小でも2行になるようだ。そして分断の後の行数を意味する

［orphans／widows］の値には、正な整数のみ許容される。負な値や 0 は無効であり、当の宣言を無視 するものとする。

ブロックが包含する行数が［orphans／widows］の値より少ない場合、単に、［ブロック内のすべての行が一緒に保たれなければならない］とする規則に変わる。

関連

orphans。

テスト