PR

構文

page-break-before:改ページ制御;
page-break-after:改ページ制御;

説明文

 「page-break-before」および「page-break-after」では,Webページを印刷する際,どこで改ページを行うかを指定できる。「page-break-before」は指定した要素の前での改ページを,「page-break-after」は指定した要素の後ろでの改ページを制御できる。

 所定の位置で必ず改ページをしたい場合は「always」を指定する。また,逆に改ページを行いたくない場合は「avoid」を指定すればよい。

 「page-break-before」および「page-break-after」では,以下のような制御を指定できる。

改ページ制御意味
always指定した要素の前または後ろで必ず改ページを行わない
avoid指定した要素の前または後ろでの改ページを禁止する
auto改ページの制御を行わない

使用例

● CSSの定義

h2 { page-break-before : always; }
hr { page-break-after : always; }

● HTMLの例

<h2>第2章 CSSの基本</h2>
<p>ここではCSSについての基本を解説します。</p>
   :
<p>また,次のページではCSSのサンプルを載せておきました。</p>
<hr>
   :