widows プロパティ

最終更新：2026-09-13

widows widows プロパティ

widows は、印刷時に段落の先頭から前のページの下部に残すべき最小行数を制御し、デフォルトは 2 です。orphans と組み合わせることで、段落の最初の行がページ下部に単独で残される（「寡行」）のを防ぎ、印刷された段落を完全な状態に保ちます。

カテゴリ
初期値	2
継承	はい
適用対象
アニメーションタイプ
CSS バージョン	CSS2
状態	標準

📝 構文

widows: <integer>;

⚙️ 値

値	タイプ	説明
`<integer>`	タイプ	段落の先頭に残す最小行数

▶ 例

以下のコードを編集して、プレイグラウンドでライブ結果を確認してください：

▶ 試す

🌐 ブラウザーサポート

ブラウザー	Chrome	Edge	Firefox	Safari	Opera
widows	✓ v10	✓ v12	✓ v1	✓ v1	✓ v1
すべての主要ブラウザーでサポート

ヒント： widows と orphans は CSS では混同しやすいです。『widow = 先頭（ページ下部）に取り残される』と覚えると区別しやすくなります。

❓ よくある質問

Qwidows と orphans は一緒に設定する必要がありますか？

Aいいえ、どちらも独立したページメディアのプロパティです。ただし通常は、段落の両端を一貫して処理するために同じ値に設定します。例えば orphans: 3; widows: 3; とすると、両端に少なくとも 3 行が維持され、統一された見た目になります。一方だけを設定すると、もう一方の端が孤行や寡行の影響を受けたままになります。実際のプロジェクトでは、両方を @media print 内に記述することがよくあります。

Qwidows は画面表示に影響しますか？

Aいいえ。widows と orphans はページングされたコンテキスト（印刷、印刷プレビュー、PDF 書き出し）でのみ適用されます。画面は連続してスクロールしページ分割がないため、画面へのレンダリングには完全に影響しません。結果を確認するには、ブラウザの印刷プレビューを使用するか、DevTools で印刷メディアをエミュレートしてください。

Q段落の先頭を制御するのは widows と orphans のどちらですか？

Awidows は段落の先頭を制御し、最初の N 行が前のページの下部に単独で残されるのを防ぎます。orphans は段落の末尾を制御し、最後の N 行が次のページの先頭に単独で配置されるのを防ぎます。覚えやすい語呂合わせ：widow は「先頭」（ページ下部）に立ち、orphan は「末尾」（ページ先頭）に立ちます。通常は同じ値に設定されます。

Q印刷時に段落が分割されてしまった場合、どう修正すればよいですか？

Aorphans/widows で段落内の行を制御するほかに、break-inside: avoid を組み合わせると、要素全体がページ区切りで分割されるのを防げます。長い段落には orphans: 3; widows: 3; で孤行や寡行を防ぎます。画像、表の行、ページをまたいではいけないその他の要素については、break-inside: avoid によって全体が次のページに移動します。