CSS 参考手册

CSS @规则(RULES)

印刷文書で、CSS属性の前にpage-break-before属性は、要素の前にページシフターの前に位置しています。この属性は、ボックスを作成するものに適用されます。ブロックレベル要素。 <p>タグで空白のボックスを作成しないものには適用されません。

以下の表は、この属性の使用方法とバージョンハイストリと、javascriptスクリプトでの使用シンタックスを示しています。

デフォルト値：	auto
適用：	ブロックレベル要素
継承：	ありません
アニメーション可能：	いいえ。参照してくださいアニメーション属性。
バージョン：	CSS 2、3
JavaScript 文法：	object.style.pageBreakBefore="always"

この属性の文法は以下の通りです：

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

以下の例では、page-break-before属性。

例

　　@media　print　{
　　　h1　{
　　　　page-break-before:　always;　　　　　　
　　　}
　　}

上記の例では、ページ行動を常に<h1>要素の前に分岐を行い、この要素が常に新しいページのトップに表示されるようにします。

注意：このpage-break-before属性はルート要素またはtable-row要素の通常の流れのブロックレベル要素

以下の表はこの属性の値を説明しています。

値	説明
auto	必要に応じて、要素の前に分岐符を挿入します。デフォルト値です。
always	要素の前に常に分岐符を強制的に挿入します。
avoid	要素の前に分岐を避けます。
left	要素の前に1ページまたは2ページを強制的に分岐し、次のページが左側のページになるようにします。
right	要素の前に1ページまたは2ページを強制的に分岐し、次のページが右側のページになるようにします。
initial	この属性をデフォルト値に設定します。
inherit	指定された場合、関連する要素は親要素のpage-break-beforeの属性値。

page-break-before属性のブラウザの互換性について、以下の表の数字はこの属性をサポートするブラウザの最低バージョン番号を示します；主要なブラウザはすべてこの属性を部分的にサポートしています。

	Firefox 1+ Google Chrome1+ Internet Explorer 4+ Apple Safari 1.2+ Opera 7+

警告： Internet Explorer 8これらの値leftとrightは、もっと古いバージョンではサポートされていません；どの値もalwaysとして解釈されます。Firefox、Chrome、Safariはavoid、left、rightの値をサポートしていません。

以下のチュートリアルを参照してください：CSS メディアタイプ。