page-break-before

page-break-beforeプロパティは印刷時にブロックボックスを形成している要素の前で強制的に改ページさせるのか、改ページを禁止するのかを指定できます。

  • auto
  • always
  • avoid
  • left
  • right
  • inherit
初期値
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 ; }
Updated / Published