orphans プロパティ

最終更新:2026-09-13

orphans orphans プロパティ

orphans は、印刷時に段落の末尾から新しいページの先頭に残すべき最小行数を制御し、デフォルトは 2 です。これは CSS のページメディアプロパティで、段落の最終行が前のページの下部に単独で表示される(「孤行」)のを防ぎ、印刷時の可読性を向上させます。

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

📝 構文

orphans: <integer>;

⚙️ 値

タイプ説明
<integer>タイプ段落の末尾に残す最小行数

▶ 例

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

🌐 ブラウザーサポート

ブラウザー ChromeChrome EdgeEdge FirefoxFirefox SafariSafari OperaOpera
orphans v10 v12 v1 v1 v1
すべての主要ブラウザーでサポート
ヒント: orphans と widows はページメディア(印刷)でのみ有効です。画面表示には影響しません。

❓ よくある質問

Qorphans と widows の違いは何ですか?
Aorphans は、段落の末尾から次のページの先頭に残す最小行数を制御し、段落の最終行がページ先頭に単独で配置されるのを防ぎます。widows は、段落の先頭から前のページの下部に残す最小行数を制御し、最初の行がページ下部に単独で配置されるのを防ぎます。どちらもページメディアのプロパティで、組み合わせて使用すると段落を完全な状態に保ちます。
Qなぜ orphans のデフォルト値は 2 なのですか?
Aページ先頭に孤立した 1 行があると可読性が著しく損なわれ、組版の慣習では完全な段落ブロックを形成するために少なくとも 2 行が必要とされています。そのためブラウザのデフォルトは orphans: 2 です。ページ区切り時に 2 行未満しか残らない場合、段落全体が次のページに移動します。印刷出版では、より整った改ページのために 3 以上に設定することがよくあります。
Qorphans を 0 に設定できますか?
Aはい。構文は任意の非負整数を受け入れます。0 を設定すると、0 行(つまり孤行が許可される)を保持できるようになりますが、孤行は読書の流れを妨げるため推奨されません。一般的な値は 2〜4 で、通常は widows と揃えます。例えば orphans: 3; widows: 3; とすると、段落の両端に少なくとも 3 行が維持されます。
Qorphans はどのような場面で有効になりますか?
Aページメディアのみで有効です。印刷、印刷プレビュー、PDF 書き出し、および一部の電子書籍レンダラです。ウェブページは連続してスクロールするため「ページ」の概念がなく、このプロパティはそこでは何もしません。長い印刷文書(レポート、論文、契約書)では、段落の先頭行と末尾行がページをまたいで分割されるのを防ぐため、@media print 内で orphans と widows を設定する必要があります。

📚 関連チュートリアル

Web-Tutorial.com

Web-Tutorial 技術チーム

複数の開発者によって共同維持されているプログラミングチュートリアルプラットフォーム。各チュートリアルは専門分野の開発者が執筆・レビューしています。正確で信頼性の高いコンテンツを目指しています — 問題を見つけた場合はお知らせください。

100%