CSS page-break-inside 属性

定義と使用法

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

always でページシフターを挿入を強制できますが、ページシフターを挿入を避けることを保証することはできません。作成者はユーザーエージェントが可能な限りページシフターを挿入を避けるよう要求するに過ぎません。

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

注釈：可能な限りページ属性を使用せず、テーブル、フロート要素、枠線を持つブロック要素でページ属性を使用を避けるようにしてください。

参照：

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

例

テーブル要素内でページを分けることを避けるページの行動を設定します：

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

CSS 语法

page-break-inside: auto|avoid|initial|inherit;

属性値

値 説明
auto デフォルト。必要に応じて要素内にページシフターを挿入します。
avoid 要素内にページシフターを挿入を避ける。
inherit 親要素から page-break-inside 属性の設定を継承することを規定しています。

技術詳細

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

ブラウザのサポート

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

Chrome IE / Edge Firefox Safari Opera
1.0 8.0 19.0 1.3 7.0