CSSリファレンス

break-insideの意味と使い方

「break-inside」は段組レイアウトで表示したコンテンツに対して、改段や印刷時の改ページの位置を指定するには、break-insideの各プロパティを使います。

値の指定方法

auto

改ページや改段方法を特に指定しません。


always

指定した位置で常に改ページをします。


avoid

指定した位置で改ページや改段をしないようにします。


left

続くコンテンツが左ページにくるよう、指定した位置で改ページします。


right

続くコンテンツが右ページにくるよう、指定した位置で改ページします。


page

指定した位置で常に改ページをします。


column

指定した位置で常に改段をします。


avoid-page

指定した位置で改ページをしないようにします。


avoid-column

指定した位置で改段をしないようにします。左から右に記述する文字の場合は、右ページは奇数ページ、左ページは偶数ページになります。


関連プロパティ

  • column-fill:段同士の高さのバランスを指定する
  • break-after:ボックス後での段組の改ページや区切り方法を指定する
  • break-before:ボックス前での段組の改ページや区切り方法を指定する