English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

CSS 参考手册

CSS @规则(RULES)

CSS 属性大全

CSS ページ-break-inside 属性の使用方法及び例

page-break-inside CSS属性は、要素内の印刷分頁シンボルを強制または禁止します。この属性はボックスを生成するブロックレベル要素。空の<p>には適用されず、空白のボックスは生成されません。

以下のテーブルは、この属性の使用方法とバージョン履歴、javascriptスクリプトでの使用方法を説明しています。

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

page-break-insideの使用方法

この属性の構文は以下の通りです:

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

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

  @media print {
   ul {
    page-break-inside: avoid;      
   }
  }
テストをしてみる‹/›

上記の例のスタイルルールは、無序列表を2つのページに分割しないように分頁行動を設定しています。

注意:このpage-break-inside属性はルート要素またはtable-row要素の通常のフロー中のブロックレベル要素。

属性値

以下のテーブルは、この属性の値を説明しています。

説明
auto必要な場合は、要素内に分頁シンボルを挿入します。これはデフォルト値です。
avoid要素内で分頁を避けましょう。
initialこの属性をデフォルト値に設定します。
inherit指定された場合、関連要素は親要素のpageを使用します。-break-insideの属性値。

ブラウザの互換性

page-break-insideFirefoxではこの属性をサポートしていません。

  • Firefox (無)

  • Google Chrome1+

  • Internet Explorer 8+

  • Apple Safari 1.3+

  • Opera 7+

警告:この属性はサポートが悪いため使用を避けましょう。また、できるだけ少なく分頁シンボルを使用し、フレームを持つテーブル要素、フロート要素、ブロック要素の内側で分頁を避けましょう。

さらに詳しく

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

関連属性:page-break-afterpage-break-before