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
- プロパティ
- メソッド