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属性指定当元素的框碎片化时如何应用元素的背景、填充、边框、边框图片、框阴影、边距和剪辑路径。

默认值：	片
遗传：	不
可动画：	不。阅读可动画的
版本：	CSS3

浏览器支持

表中的数字指定完全支持该属性的第一个浏览器版本。

-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