【CSS】page-break-after：印刷時の改ページ位置を指定する

（例）【CSS】page-break-afterの使用方法

See the Pen
page-break-before by linlin (@linlin098765)
on CodePen.

<p class="sample1">
あああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ
</p> 
<p class="sample2">
いいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいい
</p> 

p.sample1 {page-break-before: always; }
p.sample2 {page-break-before: always; page-break-after: always; }

【CSS】page-break-after：印刷時の改ページ位置を指定する

　CSSのpage-break-afterは、印刷時の改ページ位置を指定するプロパティです。page-break-afterを指定した要素の直後で強制的に改ページまたは、その位置で改ページを禁止することが可能です。

• auto
  指定なし（初期値）
• always
  その位置で改行
• left
  強制的に改ページさせ、指定要素を左側ページに印刷（左右見開きページで印刷させたい場合）
• right
• 強制的に改ページさせ、指定要素を右側ページに印刷（左右見開きページで印刷させたい場合）
• avoid
  この位置で改ページさせない