CSS page-break-afterプロパティ


例

<footer> 要素の後ろに常に改ページを挿入します:

@media print { footer {page-break-after: always;} }


プロパティの定義と使用説明

page-break-after プロパティは、指定した要素の後ろに改ページを挿入するために使用します。

注意:絶対配置された要素にはこのプロパティを使用できません。

注意:改ページプロパティの使用はできるだけ少なくし、テーブル、フロート要素、ボーダー付きのブロック要素での改ページプロパティの使用は避けてください。

デフォルト値: auto
継承: no
バージョン: CSS2
JavaScript 構文: object.style.pageBreakAfter="always"


ブラウザサポート

Internet ExplorerFirefoxOperaGoogle ChromeSafari

すべての主要ブラウザは page-break-after プロパティをサポートしています。

注意:すべてのバージョンのInternet Explorer(IE8を含む)は、プロパティ値 "left"、"right"、"inherit" をサポートしています。

注意:Firefox、Chrome、Safari はプロパティ値 "avoid"、"left"、"right" をサポートしていません。


プロパティ値

值 説明
auto デフォルト。必要に応じて要素の後ろに改ページを挿入します。
always 要素の後ろに改ページを挿入します。
avoid 要素の後ろでの改ページを回避します。
left 要素の後ろに、空白の左ページに達するまで十分な改ページを挿入します。
right 要素の後ろに、空白の右ページに達するまで十分な改ページを挿入します。
inherit 親要素から page-break-after プロパティの設定を継承することを指定します。
その他の拡張