CSS box-decoration-break 属性
示例
指定 box-decoration-break 属性
span.ex1 {
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
}
span.ex2 {
-webkit-box-decoration-break: slice;
box-decoration-break: slice;
}
自己动手试一试 »
定义和用法
box-decoration-break 属性指定当元素的盒子被分割时,如何应用该元素的 background、padding、border、border-image、box-shadow、margin 和 clip-path。
| 默认值 | slice |
|---|---|
| 继承 | no |
| 可动画 | 否。 阅读关于可动画属性 |
| 版本 | CSS3 |
浏览器支持
表中的数字指定了完全支持该属性的第一个浏览器版本。
后面带有 -webkit- 的数字表示需要加前缀才能使用的第一个版本。
| 属性 | |||||
|---|---|---|---|---|---|
| box-decoration-break | 22 -webkit- | 79 -webkit- | 32 | 7 -webkit- | 15 -webkit- |
CSS 语法
box-decoration-break: slice|clone|initial|inherit|unset;
属性值
| 值 | 描述 |
|---|---|
| slice | 默认值。盒子装饰被应用于整个元素,并在元素片段的边缘处断开 |
| clone | 盒子装饰应用于元素的每个片段,就好像这些片段是独立的元素一样。边框包裹每个元素片段的四个边缘,并且背景会为每个片段完整地重新绘制 |
| initial | 将此属性设置为其默认值。阅读关于initial |
| inherit | 从其父元素继承此属性。阅读关于inherit |