page-break-inside プロパティ
page-break-inside プロパティは、break-inside プロパティの別名です。
現在は、break-inside プロパティに置き換えられています。
page-break-inside プロパティは、印刷時にエレメント内での改ページを回避するプロパティです。page-break-inside プロパティで回避されたエレメントで改ページは設定されません。
page-break-inside プロパティはブラウザによって機能しない場合があり注意が必要です。
page-break-after プロパティは、position:absolute; が設定されたエレメントは機能しません。
page-break-inside: avoid;
詳しくは「Example」を参照してください。
ページ内 Index
構文(Syntax)
CSS
page-break-inside: auto | avoid | initial | inherit;
DOM ( JavaScript )
String = object.style.pageBreakInside;
object.style.pageBreakInside="auto | avoid | initial | inherit";
値（Values）
初期値（default値）のautoは、任意に改ページを入れない設定と同じです。エレメントの途中でもページに収まらない場合は自動で改ページが入ります。
| Value | 摘要 |
|---|---|
| auto | 初期値（default値） |
| avoid | 改ページを禁止 |
| initial | 初期値に戻す |
| inherit | 親エレメントのプロパティを継承 |
備考（Remarks）
| 初期値（Default value） | auto |
| 継承（Inherited） | No |
| CSS Animation | No |
Example
page-break-inside プロパティの例です。例は別窓で開きます。印刷プレビューで改ページを確認して下さい。
<div id="contents02">エレメントの内容は分割されずにプレビューが表示されます。できなければブラウザが対応していません。
関連プロパティ
関連するプロパティに以下のものがあります。
- page-break-after
- 設定された後が改ページ
- page-break-before
- 設定された前が改ページ
- page-break-inside
- エレメント内で改ページ指定