最終更新日

break-insideプロパティ

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

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

以下は、関連プロパティです。

break-before
break-after
column-span
column-fill

CSS3での変更点
・break-insideは、CSS3から新しく追加されたプロパティです。
初期値 適用先 継承
auto ブロックレベル要素 なし
説明
auto ブラウザの設定に従います。(初期値
avoid-column 特定の要素内で、改段しないようにします。
サンプルコード
break-inside: auto;
break-inside: avoid-column;
参考文献:CSS Multi-column Layout Module外部リンク
HOME
当サイトの活動をサポートしてみませんか?気軽にクリエイターの支援ができます。