CSSリファレンス

box-decoration-breakの意味と使い方

「box-decoration-break」は印刷で改ページが生じる場合や、段組レイアウトでの改段では、ボックスが分断されることがあります。また、インライン要素も改行によってボックスが分断されます。box-decoration-breakプロパティは、このようにボックスが分断された場合に、それぞれのボックスを一続きのボックスとして表示するか、個別のボックスとして表示するか指定するプロパティです。

値の指定方法

slice

分断されたボックス、一続きのボックスとして表示します。分断された個所にボーダーとパディングは挿入されず、背景も一続きに表示されます。


clone

分断されたボックスを、それぞれ個別のボックスとして表示します。分断された個所にボーダーとパディングが挿入され、背景はそれぞれのボックスを基準に表示されます。