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;
ページ内 Index
構文(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">エレメントの前に改ページされます。できなければブラウザが対応していません。
関連プロパティ
関連するプロパティに以下のものがあります。
- page-break-after
- 設定された後が改ページ
- page-break-before
- 設定された前が改ページ
- page-break-inside
- エレメント内で改ページ指定