CSS3 Reference


box-decoration-break

ボックスのページ間での分割方法

試す

印刷用のプロパティにつき、サンプルは省略します。

対応ブラウザ

Firefox
まだ
Chrome/Safari
まだ
Opera
まだ
InternetExplorer
まだ

パラメータ

slice | clone
初期値slice
適用すべての要素
継承しない
レベル3
%の解釈-
適用メディアPaged
参考文献CSS Backgrounds and Borders Module Level 3#6.1. The ‘box-decoration-break’ property

解説

紙などのページングメディアで、ボックスをページの間で分割するか、連続して描画するかを指定します。

clone
どのボックスも独立したボックスとして描画します。つまりページの境界にもパディング、ボーダー、ボーダー画像、ボックスシャドウが適用されます。つまり、繰り返し指定していない画像もそれぞれのボックスに1度ずつ描画されます。
box-break-clone.png
slice
ページのボーダーにはパディング、ボーダー、ボーダー画像、ボックスシャドウは適用されません。あたかもそこにページ境界がないように描画されます。背景画像も同様です。
box-break-slice.png

コメントする


トラックバック

投稿されたコメント