CSS page-break-after 属性

定義と使用法

page-break-after属性は要素の後ろのページブレイク行動を設定します。

alwaysで強制的にページブレイクを挿入することはできますが、ページブレイクを挿入しないことを避けることが保証できません。作成者はユーザーエージェントができるだけページブレイクを挿入しないように要求するだけです。

適用：positionの値がrelativeまたはstaticの非フロートブロック要素。

注釈：できるだけ分页属性を使用し、テーブル、フロート要素、ボーダーを持つブロック要素に分页属性を使用することを避けます。

参照先：

HTML DOMリファレンスマニュアル：pageBreakAfter属性

例

テーブル要素の後ろに常にページブレイクを行うページ行動を設定します：

<html>
<head>
<style>
@media print
{
table {page-break-after:always;}
}
</style>
</head>
<body>
....
</body>
</html>

CSS语法

page-break-after: auto|always|avoid|left|right|initial|inherit;

属性値

値 説明
auto デフォルト。必要に応じて要素の後ろにページブレイクを挿入します。
always 要素の後ろにページブレイクを挿入します。
avoid 要素の後ろにページブレイクを挿入することを避けます。
left 要素の後ろに十分なページブレイクが続いて、空白の左ページまで行きます。
right 要素の後ろに十分なページブレイクが続いて、空白の右ページまで行きます。
inherit 親要素からpage-break-after属性の設定を継承するべきであることを規定しています。

技術的詳細

デフォルト値： auto
継承性： no
バージョン： CSS2
JavaScript语法： object.style.pageBreakAfter="always"

ブラウザのサポート

テーブルの数字は、その属性を完全にサポートする最初のブラウザのバージョンを示しています。

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.2 7.0