CSSbox -decoration-breakプロパティ
例
box-decoration-breakプロパティを指定します。
span.ex1 {
-webkit-box-decoration-break: clone;
-o-box-decoration-break: clone;
box-decoration-break:
clone;
}
span.ex2 {
-webkit-box-decoration-break: slice;
-o-box-decoration-break: slice;
box-decoration-break:
slice;
}
定義と使用法
このbox-decoration-breakプロパティは、要素のボックスがフラグメント化されたときに、要素の背景、パディング、境界線、border-image、box-shadow、margin、およびclip-pathがどのように適用されるかを指定します。
ブラウザのサポート
表の数字は、プロパティを完全にサポートする最初のブラウザバージョンを示しています。
数字の後に-webkit-が続く場合は、プレフィックスを使用して機能した最初のバージョンを指定します。
| Property | |||||
|---|---|---|---|---|---|
| box-decoration-break | 22.0 -webkit- | 79.0 | 32.0 | 6.1 -webkit- | 11.5 -webkit- |
CSS構文
box-decoration-break: slice|clone|initial|inherit|unset;
プロパティ値
| Value | Description |
|---|---|
| slice | Default. Box decorations are applied to the element as a whole and break at the edges of the element fragments |
| clone | Box decorations apply to each fragment of the element as if the fragments were individual elements. Borders wrap the four edges of each fragment of the element, and backgrounds are redrawn in full for each fragment |
| initial | Sets this property to its default value. Read about initial |
| inherit | Inherits this property from its parent element. Read about inherit |