このプロパティは break-after プロパティによって置き換えられました。

page-break-after CSS プロパティは、現在の要素の後で改ページが行われるように調整します。

/* キーワード値 */
page-break-after: auto;
page-break-after: always;
page-break-after: avoid;
page-break-after: left;
page-break-after: right;
page-break-after: recto;
page-break-after: verso;

/* グローバル値 */
page-break-after: inherit;
page-break-after: initial;
page-break-after: unset;

このプロパティは、ボックスを生成するブロックレベル要素に適用されます。ボックスを生成しない空の <div> には適用されません。

初期値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: DB に値が見つかりません!
  • paged: DB に値が見つかりません!
計算値指定値
アニメーションの種類個別
正規順序形式文法で定義される一意のあいまいでない順序

改ページの別名

page-break-after プロパティは古いプロパティとなり、 break-after によって置き換えられました。

互換性のため、 page-break-after はブラウザーから break-after の別名として扱われます。これにより、 page-break-after を使用しているサイトが引き続き設計通りに動作することを保証します。値のサブセットは次のような別名になります。

page-break-after break-after
auto auto
left left
right right
avoid avoid
always page

構文

auto
初期値です。自動的な改ページが行われます (強制や禁止の機能は持ちません)。
always
要素の後で必ず改ページが行われるように強制します。
avoid
要素の後で改ページされないようにします。
left
要素の後における改ページを強制し、次のページが左ページとして整形されるようにします。
right
要素の後における改ページを強制し、次のページが右ページとして整形されるようにします。
recto
左から右に読むページにおいて right と同じ動作をします。右から左に読むページであれば left と同じ働きをします。
verso
左から右に読むページにおいて left と同じ動作をします。右から左に読むページであれば right と同じ働きをします。

形式文法

auto | always | avoid | left | right | recto | verso

/* footnotes の後で新しいページに移ります */
div.footnotes { 
  page-break-after: always; 
} 

仕様書

仕様書 状態 備考
CSS Logical Properties and Values Level 1
recto and verso の定義
編集者草案 rectoverso の追加
CSS Paged Media Module Level 3
page-break-after の定義
草案 プロパティが適用される要素を table rows と table row groups に拡張
CSS Level 2 (Revision 1)
page-break-after の定義
勧告 初回定義

ブラウザーの対応

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeEdge MobileAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
page-break-afterChrome 完全対応 1Edge 完全対応 12Firefox 完全対応 1
補足
完全対応 1
補足
補足 The values avoid, left, and right are unsupported.
IE 完全対応 4Opera 完全対応 7Safari 完全対応 1.2WebView Android 完全対応 37Chrome Android 完全対応 18Edge Mobile 完全対応 ありFirefox Android 完全対応 4
補足
完全対応 4
補足
補足 The values avoid, left, and right are unsupported.
Opera Android ? Safari iOS ? Samsung Internet Android ?

凡例

完全対応  
完全対応
実装状況不明  
実装状況不明
実装ノートを参照してください。
実装ノートを参照してください。

関連情報

ドキュメントのタグと貢献者

このページの貢献者: mdnwebdocs-bot, mfuji09, sutara79, hashedhyphen
最終更新者: mdnwebdocs-bot,