最終更新日 2021年6月19日

break-insideプロパティ

break-insideは、段組み表示するときに、特定の要素内での改段方法を指定するプロパティです。

キーワードとして、auto、avoid、avoid-page、avoid-columnの4つが規定されていますが、改段に関しては、「auto」「avoid-column」の2つを使用します。

CSS3での変更点

・break-insideは、CSS3から新しく追加されたプロパティです。

初期値	適用先	継承
auto	ブロックレベル要素	なし

値	説明
auto	ブラウザの設定に従います。（初期値）
avoid-column	特定の要素内で、改段しないようにします。

サンプルコード

break-inside: auto;
break-inside: avoid-column;

ザマワンにエントリーしました！

『ザマワン』は「座間ワンミニッツ」の略称であり、座間市の魅力を１分にギュッと詰め込む動画コンテストです。