備忘録的プログラミングリファレンス

break-insideプロパティ

 break-insideプロパティは、エレメント(要素)の内での改ページ、カラム(列)区切り、または領域の分割といった"区切り"を指定するプロパティです。ただし、ブロックエレメント(ブロック要素)のみに反映できます。

break-insideを使用すると、画像、領域、テーブル、リスト内のbreakを回避するように設定できます。

break-insideプロパティは、page-break-insideプロパティの拡張です。

 印刷用のプロパティに使えます。

構文(Syntax)

CSS

break-inside: auto | all | always | avoid | avoid-column | avoid-page | avoid-region | column | left | page | recto | region | right | verso | initial | inherit;

DOM(JavaScript)

値の取得
String = object.style.breakInside;
値の設定
object.style.breakInside="auto | all | always | avoid | avoid-column | avoid-page | avoid-region | column | left | page | recto | region | right | verso | initial | inherit";

Values

Value摘要
auto初期値(default値) 改ページ、カラム(列)区切り、領域の分割の自動設定
avoid区切りの挿入を禁止
改ページ
avoid-page改ページを禁止
カラム(列)区切り
avoid-columnカラム(列)区切りの禁止
領域の分割
avoid-region領域の分割の禁止
initial初期値に戻す
inherit親エレメントのプロパティを継承

備考(Remarks)

初期値(Default value)auto
継承(Inherited)No
変化(Animatable)No

Example