box-decoration-break 属性规定当元素框被分段时,如何应用元素的 background、padding、border、border-image、box-shadow、margin 以及 clip-path。
规定 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: slice|clone|initial|inherit|unset;
值 | 描述 |
---|---|
slice | 默认。框装饰作为整体应用于元素,并在元素片段的边缘断裂。 |
clone |
框装饰适用于元素的每个片段,就像片段是单个元素一样。 边框包裹元素的每个片段的四个边缘,并且完整地重绘每个片段的背景。 |
initial | 将此属性设置为其默认值。参阅 initial。 |
inherit | 从其父元素继承此属性。参阅 inherit。 |
默认值: | slice |
---|---|
继承: | 否 |
动画制作: | 不支持。请参阅:动画相关属性。 |
版本: | CSS3 |
表格中的数字注明了完全支持该属性的首个浏览器版本。
跟随 -webkit- 的数字规定使用前缀的首个版本。
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
22.0 -webkit- | 79.0 | 32.0 | 6.1 -webkit- | 11.5 -webkit- |