概要
page-break-inside CSS プロパティは、現在の要素の内側で 改ページが行われるように調整します。
| 初期値 | auto |
|---|
| 適用対象 | block-level elements in the normal flow of the root element. User agents may also apply it to other elements like table-row elements. |
|---|
| 継承 | 不可 |
|---|
| メディア | visual, paged |
|---|
| 計算値 | 指定値 |
|---|
| アニメーションの可否 | 不可 |
|---|
| 正規順序 | 形式文法で定義される一意のあいまいでない順序 |
|---|
構文
/* Keyword values */
page-break-inside: auto;
page-break-inside: avoid;
/* Global values */
page-break-inside: inherit;
page-break-inside: initial;
page-break-inside: unset;
値
auto- 初期値です。 自動的な改ページが行われます（強制や禁止の機能は持ちません）。
avoid- 要素の内側で改ページされないようにします。
形式構文
auto | avoid
例
/* 段落の途中で改ページされないようにします */
p { page-break-inside: avoid; }
仕様
ブラウザ実装状況
| 機能 |
Chrome |
Firefox (Gecko) |
Internet Explorer |
Opera |
Safari (WebKit) |
| 基本サポート |
1.0 |
19 (19) [1] |
8.0 |
7.0 |
1.3 (312) |
| 機能 |
Android |
Firefox Mobile (Gecko) |
IE Phone |
Opera Mobile |
Safari Mobile |
| 基本サポート |
? |
19.0 (19) [1] |
? |
? |
? |
[1] Firefox 25 以前は、ブロックの高さによって page-break-inside: avoid が適用されませんでした。
参考情報