English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
印刷文書のとき、要素の後ろにページシフターを挿入します。page-break-after属性は、ボックスの生成に適用されます。ブロックレベル要素。空の<p>には適用されず、空白のボックスは生成されません。
以下のテーブルは、この属性の使用方法とバージョンハイストリと、javascriptスクリプトでの使用シンタックスを示しています。
デフォルト値: | auto |
---|---|
適用: | ブロックレベル要素 |
継承: | なし |
アニメーション可能: | いいえ。参照してください アニメーション属性。 |
バージョン: | CSS 2、3 |
JavaScript 構文: | object.style.pageBreakAfter="avoid" |
この属性の構文は以下の通りです:
page-break-after: auto | always | avoid | left | right | initial | inherit
以下の例では、page-break-after属性。
@media print { p.footnotes { page-break-after: always; } }テストして‹/›
上記のスタイルルールは、常に分岐を行い、注釈の後に新しいページに移動するように分岐行動を設定します。
以下のテーブルはこの属性の値を説明しています。
値 | 説明 |
---|---|
auto | 必要な場合は、要素の後に分岐記号を挿入します。デフォルト値です。 |
always | 要素の後に常に分岐記号を強制的に設定します。 |
avoid | 要素の後に分岐を避けます。 |
left | 要素の後に1ページまたは2ページを強制的に分岐させ、次のページが左側のページになるようにします。 |
right | 要素の後に1ページまたは2ページを強制的に分岐させ、次のページが右側のページになるようにします。 |
initial | この属性をデフォルト値に設定します。 |
inherit | 指定された場合、関連する要素は親要素のpageを取得します。-break-afterの属性値。 |
page-break-after属性のブラウザの互換性、以下のテーブルの数字はこの属性をサポートするブラウザの最低バージョン番号を示します;主要なブラウザはすべてこの属性を部分的にサポートしています。
|
警告: Internet Explorer 8および以前のバージョンではこれらの値leftおよびrightはサポートされていません;どの値もalwaysとして解釈されます。Firefox、Chrome、Safariではavoid、leftまたはrightの値がサポートされていません。
以下のチュートリアルを参照してください:CSS メディアタイプ。