カテゴリー
CSS page-break-after

【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
    この位置で改ページさせない