English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
page-break-inside CSS属性は、要素内の印刷分頁シンボルを強制または禁止します。この属性はボックスを生成するブロックレベル要素。空の<p>には適用されず、空白のボックスは生成されません。
以下のテーブルは、この属性の使用方法とバージョン履歴、javascriptスクリプトでの使用方法を説明しています。
デフォルト値: | auto |
---|---|
適用: | ブロックレベル要素 |
継承: | ありません |
アニメーション可能: | いいえ。参照してください。 アニメーション属性。 |
バージョン: | CSS 2、3 |
この属性の構文は以下の通りです:
page-break-inside: auto | avoid | initial | inherit
以下の例では、page-break-inside属性。
@media print { ul { page-break-inside: avoid; } }テストをしてみる‹/›
上記の例のスタイルルールは、無序列表を2つのページに分割しないように分頁行動を設定しています。
以下のテーブルは、この属性の値を説明しています。
値 | 説明 |
---|---|
auto | 必要な場合は、要素内に分頁シンボルを挿入します。これはデフォルト値です。 |
avoid | 要素内で分頁を避けましょう。 |
initial | この属性をデフォルト値に設定します。 |
inherit | 指定された場合、関連要素は親要素のpageを使用します。-break-insideの属性値。 |
page-break-insideFirefoxではこの属性をサポートしていません。
|
警告:この属性はサポートが悪いため使用を避けましょう。また、できるだけ少なく分頁シンボルを使用し、フレームを持つテーブル要素、フロート要素、ブロック要素の内側で分頁を避けましょう。
以下のチュートリアルを参照してください:CSS メディアタイプ。