Widows and orphans
widows はページや段の先頭に残す最小行数、orphans はページや段の末尾に残す最小行数を指定します。印刷レイアウトやマルチカラムレイアウトで、孤立した行が見栄えを損なうのを防ぎます。主に @media print での印刷品質向上に使用されます。
概要
widows はページや段の先頭に残す最小行数、orphans はページや段の末尾に残す最小行数を指定します。印刷レイアウトやマルチカラムレイアウトで、孤立した行が見栄えを損なうのを防ぎます。主に @media print での印刷品質向上に使用されます。
対応ブラウザ
デスクトップ
Chrome 25+
Edge 12+
Safari 1.3+
Firefox 未対応
モバイル
Chrome Android 25+
Safari iOS 1+
Firefox Android 未対応
基本構文
CSS
p {
widows: 3;
orphans: 3;
}
@page {
margin: 2cm;
} 実務での使いどころ
-
印刷レイアウトの品質向上
印刷時にページの先頭や末尾に1〜2行だけ取り残される不自然な改ページを防止します。
注意点
- Firefox ではサポートされていません。また、この機能はページ分割やカラム分割のコンテキストでのみ有効です。
アクセシビリティ
- 印刷時のテキスト分割を適切に制御することで、印刷物の読みやすさを向上させます。