page-break-before
Updated / Published
page-break-beforeプロパティは印刷時にブロックボックスを形成している要素の前で強制的に改ページさせるのか、改ページを禁止するのかを指定できます。
- 値
autoalwaysavoidleftrightinherit
- 初期値
auto- 適用対象
- ブロックボックスを形成している要素
- 継承
- しない
- メディア
- visual
- paged
page-break-beforeプロパティの値
page-break-beforeプロパティに指定できる値のキーワードは、それぞれ以下の意味を示します。
- auto
- そのブロックボックスの直前での改ページを強制も禁止もしません（UA 依存）。
- always
- そのブロックボックスの直前で常に強制的に改ページします。
- avoid
- そのブロックボックスの直前での改ページを禁止します。
- left
- そのブロックボックスの直前で常に強制的に改ページします。改ページのあとの次のページが左側のページになるように、必要に応じて1回か2回の改ページを強制します。
- right
- そのブロックボックスの直前で常に強制的に改ページします。改ページのあとの次のページが右側のページになるように、必要に応じて1回か2回の改ページを強制します。
page-break-beforeプロパティの実装状況
- IE
- ○：IE8より"
avoid"をサポート、左ページ・右ページの区別がないため "left", "right" の値は "always" と同じ効果 - Firefox
- ○："
avoid", "left", "right" の値は未サポート - Opera
- ○：左ページ・右ページの区別がないため "
left", "right" の値は "always" と同じ効果 - Chrome
- ○：左ページ・右ページの区別がないため "
left", "right" の値は "always" と同じ効果 - Safari
- ○：左ページ・右ページの区別がないため "
left", "right" の値は "always" と同じ効果 - iOS
- ×：未サポート
- Android
- ×：未サポート
サンプル
h1 { page-break-before : left ; }