CSS3: box-decoration-break プロパティ - 分割されたボックスの表示形式

■ 概要

項  目説  明
記述形式 セレクタ {box-decoration-break: }
値 の形式 sliceclone
初 期 値 slice
対応ブラウザー C3+ / e?+ / N?+ / Fx?+ / Op?+ / Ch?+ / Sa?+
適用可能な要素 すべての要素
継  承 しない

■ 解説

box-decoration-breakプロパティ は,ボックスが 改ページで分割されるときの境界や背景の表示形式 を指定します。

指定できる値の形式は,以下のとおりです。

説  明
clone ボックスの各分割部分に独立に境界背景を表示し,padding も適用します。 border-radiusborder-imagebox-shadow などの指定があれば,すべて各分割部分に独立に適用します。 背景も各分割部分に独立に表示します。 したがって,no-repeat が指定された背景画像は,各分割部分にそれぞれ一度ずつ表示されます。
slice 改ページで分離した部分には,境界paddingは適用しません。 また,この部分は分割前の状態そのままで border-radius の適用や背景画像の表示もしません。

■ 使用例( background-attachment プロパティの利用)

現在準備中です。

■ 備考

【参考ページ】