Limited support 注意が必要。一部のブラウザのみ対応。プロダクション利用は慎重に判断すること。

対応ブラウザ

機能 デスクトップ モバイル
Chrome
Edge
Firefox
Safari
Chrome Android
Safari iOS
25
12
1.3
25
1
その他

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

25
12
1.3
25
1
1+対応 (バージョン) 未対応 注釈あり サブ機能の解説は MDN Web Docs (CC BY-SA 2.5)

基本構文

CSS
p {
  widows: 3;
  orphans: 3;
}
@page {
  margin: 2cm;
}

ライブデモ

widows: 3

CSS Widows: 3 demo.

プレビュー全画面表示

orphans: 3

CSS Orphans: 3 demo.

プレビュー全画面表示

bothspecified

CSS bothspecified demo.

プレビュー全画面表示

実務での使いどころ

  • 印刷レイアウトの品質向上

    印刷時にページの先頭や末尾に1〜2行だけ取り残される不自然な改ページを防止します。

注意点

  • Firefox ではサポートされていません。また、この機能はページ分割やカラム分割のコンテキストでのみ有効です。

アクセシビリティ

  • 印刷時のテキスト分割を適切に制御することで、印刷物の読みやすさを向上させます。