page-break-beforeプロパティ
page-break-beforeプロパティはbreak-beforeプロパティの別名で、break-beforeプロパティに置き換えられました。
page-break-beforeプロパティは、印刷時の改ページを入れるためのプロパティです。page-break-beforeプロパティの前が改ページになります。
page-break-afterプロパティは、空の<div>またはposition:absolute;が設定されたエレメントは機能しません。
page-break-before: always;
関連プロパティ
関連するプロパティに以下のものがあります。
- page-break-after
- 設定された後が改ページ
- page-break-inside
- エレメント内で改ページ指定
構文(Syntax)
CSS
page-break-before: auto | always | avoid | left | right | initial | inherit;
DOM(JavaScript)
String = object.style.pageBreakBefore;
object.style.pageBreakBefore="auto | always | avoid | left | right | initial | inherit";
値（Values）
初期値（default値）のautoは、任意に改ページを入れない設定と同じです。エレメントの途中でもページに収まらない場合は自動で改ページが入ります。
| Value | 摘要 |
|---|---|
| auto | 初期値（default値）、条件によって改ページする |
| always | 改ページ |
| avoid | 改ページを禁止（＊ブラウザによる） |
| left | 次ページを左ページにする |
| right | 次ページを右ページにする |
| initial | 初期値に戻す |
| inherit | 親エレメントのプロパティを継承 |
備考（Remarks）
| 初期値（Default value） | auto |
| 継承（Inherited） | No |
| CSS Animation | No |
Example
page-break-beforeプロパティの例です。例は別窓で開きます。印刷プレビューで改ページを確認して下さい。
<div id="contents01">エレメントの前に改ページされます。できなければブラウザが対応していません。
関連（Related）
HTML、CSS、DOMの印刷に関する用途一覧です。
HTML
CSS
DOM
- インターフェイス
- イベント
- afterprint、 beforeprint
- プロパティ
- メソッド