【CSS Modules】page-break-afterプロパティの使い方
page-break-afterプロパティの使い方について、初心者にもわかりやすく解説します。
作成日: 更新日:
基本的な使い方
page-break-afterプロパティは、印刷時において、特定のHTML要素の直後に改ページを挿入するかどうかを制御するためのプロパティです。このプロパティは、画面表示には影響せず、印刷または印刷プレビュー時にのみその効果を発揮します。
設定できる値には、ブラウザが自動的に改ページを処理するデフォルト値のautoがあります。alwaysを指定すると、要素の直後で常に改ページが挿入され、次の内容が新しいページから開始されます。avoidは、要素の直後での改ページを可能な限り避け、関連するコンテンツが途中で分断されるのを防ぎます。また、leftは次の内容が左ページから開始されるように、rightは右ページから開始されるように改ページします。例えば、alwaysは章の区切りなどに、avoidは見出しと本文の分断防止に、left/rightは両面印刷での特定のページ配置に利用されます。
これらの設定を活用することで、印刷時の文書構造がより読みやすく、意図した通りのページ構成を実現できます。ただし、CSSの他のプロパティやプリンター設定との兼ね合いで、常に期待通りの結果が得られるとは限りません。
公式リファレンス: page-break-after
構文(syntax)
1page-break-after: always;
引数(parameters)
引数なし
引数はありません
戻り値(return)
戻り値なし
戻り値はありません