CSS3

プロパティ

orphans

  編集:2022.07.08 by T.A.

mdn

ブロック コンテナー内の分断内の最小行数。

名前 orphans
<integer>
初期値 2
適用対象 行内整形文脈を確立するブロック コンテナ
継承 される
百分率 受容しない
算出値 指定された整数
正準的順序 文法に従う
アニメーション型 算出値の型による

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

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

<DIV style="border:1px solid black; width:200px; height:5em;
 font-size:15px; line-height:1;
 column-count:2;
 orphans:5;
">
 ああああああああああああああああああああああああああああああああああああああ
</DIV>
分断の前の行数を意味するようだ

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

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

関連

widows


テスト
HTML:

ここに表示
¶[Edge]意味不明
HTML:

ここに表示
¶[Edge]意味不明
スクリプト:


スクリプト:



表示内容:
表示内容: