Toggle navigation

CSS box-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 属性规定当元素框被分段时，如何应用元素的 background、padding、border、border-image、box-shadow、margin 以及 clip-path。

默认值：slice
继承：否
动画制作：不支持。请参阅：动画相关属性。
版本：CSS3

浏览器支持

表格中的数字注明了完全支持该属性的首个浏览器版本。

跟随 -webkit- 的数字规定使用前缀的首个版本。

属性ChromeIEFirefoxSafariOpera
box-decoration-break22.0 -webkit-79.032.06.1 -webkit-11.5 -webkit-

CSS 语法

box-decoration-break: slice|clone|initial|inherit|unset;

属性值

值描述
slice默认。框装饰作为整体应用于元素，并在元素片段的边缘断裂。
clone

框装饰适用于元素的每个片段，就像片段是单个元素一样。

边框包裹元素的每个片段的四个边缘，并且完整地重绘每个片段的背景。

initial将此属性设置为其默认值。参阅initial。
inherit从其父元素继承此属性。参阅inherit。