break-after

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

break-after: mode

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

auto
要素の直後に区切りを入れることを許可するが、強制はしない。
avoid
要素の直後に区切りを入れることを禁止する。
avoid-page
要素の直後で改ページすることを禁止する。
left
要素の直後でひとつまたは2つの改ページを行い、次のページが左ページとなるようにする。
page
要素の直後で改ページする。
right
要素の直後でひとつまたは2つの改ページを行い、次のページが右ページとなるようにする。

使用例

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

(次頁へ続く)

break-before

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

break-before: mode

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

auto
要素の直前に区切りを入れることを許可するが、強制はしない。
avoid
要素の直前に区切りを入れることを禁止する。
avoid-page
要素の直前で改ページすることを禁止する。
left
要素の直前でひとつまたは2つの改ページを行い、次のページが左ページとなるようにする。
page
要素の直前で改ページする。
right
要素の直前でひとつまたは2つの改ページを行い、次のページが右ページとなるようにする。

使用例

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

(前頁からの続き)

break-inside

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

break-inside: mode

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

auto
要素の途中に区切りを入れることを許可するが、強制はしない。
avoid
要素の途中に区切りを入れることを禁止する。
avoid-page
要素の途中で改ページすることを禁止する。
left
要素の途中でひとつまたは2つの改ページを行い、次のページが左ページとなるようにする。
page
要素の途中で改ページする。
right
要素の途中でひとつまたは2つの改ページを行い、次のページが右ページとなるようにする。

page-break-after

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

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

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

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

書式

page-break-inside: mode

属性値

mode
印刷時の改ページの扱いを指定します。
意味
auto自動(規定値)
avoid改ページしない
inherit継承

参考文献

W3C (2021) CSS Fragmentation Module Level 3

CSSプロパティ

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