「CSS入門」page-break-after(before)で改ページを設定する方法

2020年9月2日

1.page-break-after
印刷時に要素の直後で改ページします。

書式
page-break-after: mode
mode: auto always avoid left right inherit

サンプル
<h3 style="page-break-after: always">this is a test after</h3>

※page-break-beforeは印刷時に要素の直前で改ページします。
例
<h3 style="page-break-before: always">this is a test before</h3>

2.page-break-inside
印刷時に要素の途中で改ページすることを禁止します。
書式
page-break-inside: mode
mode: auto avoid inherit