備忘録的プログラミングリファレンス

page-break-before プロパティ

 page-break-before プロパティはbreak-before プロパティの別名で、break-before プロパティに置き換えられました。
 page-break-before プロパティは、印刷時の改ページを入れるためのプロパティです。page-break-before プロパティの前が改ページになります。

 page-break-afterプロパティは、空の <div> または position:absolute; が設定されたエレメントは機能しません。

エレメントの前に改ページを挿入(Exampleを参照)
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 AnimationNo

Example

 page-break-before プロパティの例です。例は別窓で開きます。印刷プレビューで改ページを確認して下さい。
 <div id="contents01">エレメントの前に改ページされます。できなければブラウザが対応していません。