| 項 目 | 説 明 |
|---|---|
| 記述形式 | セレクタ {page-break-after: 値 } |
| 値 の形式 | auto，always，left，right，avoid |
| 初 期 値 | auto |
| 対応ブラウザー | C2+ / e4+ / N?+ / Fx1+ / Op7+ / Ch1+ / Sa1.2+ |
| 適用可能な要素 | ブロックレベル要素 |
| 継 承 | しない |
page-break-afterプロパティ は，印刷時の改ページの位置を指定します。
このプロパティを指定した 要素の直後での改ページ実行 について、強制的に改ページさせたり、改ページを禁止したりなどを指定できます。
指定できる値の形式は，以下のとおりです。
| 値 | 説 明 |
|---|---|
| auto | この要素位置での改ページについて指定しない （ブラウザーが自動的に改ページする）（初期値） |
| always | この要素の直後で改ページする |
| left | この要素の直後で改ページして、新しいページを左側に印刷する （左右見開きのページに印刷したい場合に使用する） |
| right | この要素の直後で改ページして、新しいページを右側に印刷する （左右見開きのページに印刷したい場合に使用する） |
| avoid | この要素の直後では改ページしない |
| HTMLソース | |
|---|---|
| CSS <head> ～ </head> |
<style type="text/css">
<!--
p.sample1 {page-break-before: always; }
p.sample2 {page-break-before: always; page-break-after: always;}
-->
</style> |
| HTML <body> ～ </body> |
<p class="sample1">
ああああああああああああああああああああああああああああああああああああああああああ。
ああああああああああああああああああああああああああああああああああああああああああ。
ああああああああああああああああああああああああああああああああああああああああああ。
ああああああああああああああああああああああああああああああああああああああああああ。
ああああああああああああああああああああああああああああああああああああああああああ。
</p>
<p class="sample2">
いいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいい、
いいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいい、
うううううううううううううううううううううううううううううううううううううううううう、
うううううううううううううううううううううううううううううううううううううううううう、
ええええええええええええええええええええええええええええええええええええええええええ、
ええええええええええええええええええええええええええええええええええええええええええ、
おおおおおおおおおおおおおおおおおおお、おおおおおおおおおおおおおおおおおおおおおお。
</p> |
| ブラウザー 表示例 |
|---|
ああああああああああああああああああああああああああああああああああああああああああ。 ああああああああああああああああああああああああああああああああああああああああああ。 ああああああああああああああああああああああああああああああああああああああああああ。 ああああああああああああああああああああああああああああああああああああああああああ。 ああああああああああああああああああああああああああああああああああああああああああ。 いいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいい、 いいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいい、 うううううううううううううううううううううううううううううううううううううううううう、 うううううううううううううううううううううううううううううううううううううううううう、 ええええええええええええええええええええええええええええええええええええええええええ、 ええええええええええええええええええええええええええええええええええええええええええ、 おおおおおおおおおおおおおおおおおおお、おおおおおおおおおおおおおおおおおおおおおお。 |