CSS break-after

break-afterとは、要素の直後の区切りを設定するCSSプロパティである。

構文

break-after: mode

次に示す値を mode に指定できる。

<p style="break-after: page;">（次頁へ続く）</p>

（次頁へ続く）

break-beforeとは、要素の直前の区切りを設定するCSSプロパティである。

break-before: mode

次に示す値を mode に指定できる。

<p style="break-before: page;">（前頁からの続き）</p>

（前頁からの続き）

break-insideとは、要素の途中の区切りを設定するCSSプロパティである。

break-inside: mode

次に示す値を mode に指定できる。

page-break-afterとは、HTML文書を紙に印刷するときや印刷部プレビュー時に、要素の直後で改ページするCSSプロパティである。通常のウェブブラウザ表示には、何の影響も与えない。

page-break-after: mode

mode

印刷時改ページの扱いを指定します。

値	意味
auto	自動（規定値）
always	常に改ページする `break-afrer: page;` と同じ
avoid	改ページしない `break-afrer: avoid-page;` と同じ
left	次ページが左ページとなるように改ページする `break-afrer: left;` と同じ
right	次ページが右ページとなるように改ページする `break-afrer: right;` と同じ
inherit	継承

<p style="page-break-after: always;">（次頁へ続く）</p>

（次頁へ続く）

page-break-beforeとは、HTML文書を紙に印刷するときや印刷部プレビュー時に、要素の直前で改ページするCSSプロパティである。

通常のウェブブラウザ表示には、何の影響も与えない。

page-break-before: mode

mode

印刷時の改ページの扱いを指定します。

値	意味
auto	自動（規定値）
always	常に改ページする `break-before: page;` と同じ
avoid	改ページしない `break-before: avoid-page;` と同じ
left	次ページが左ページとなるように改ページする `break-before: left;` と同じ
right	次ページが右ページとなるように改ページする `break-before: right;` と同じ
inherit	継承

<p style="page-break-before: always;">（前頁からの続き）</p>

（前頁からの続き）

印刷時に要素の途中で改ページすることを禁止します。

印刷するときや、印刷プレビューで表示するときにのみ影響します。ブラウザで表示する場合は、何も影響ありません。

page-break-inside: mode

mode

印刷時の改ページの扱いを指定します。

World Wide Web Consortium (2018) CSS Fragmentation Module Level 3

CSSには次のプロパティがある。