box-decoration-break 定义换行元素样式

Posted by 任平生 on December 14, 2014

box-decoration-break 可以用来定义换行元素的 background, padding, border, border-image, box-shadow, margin, clip 的应用方式。 有两个值: slice, clone slice 默认模式; clone 换行的部分具有相同的 margin, padding, border,拥有自己的border-radius, border-image, box-shadow, 还可以独立地渲染 background

支持状况

目前使用还需要 -webkit 前缀

-webkit-box-decoration-break: clone;
box-decoration-break: clone;

示例:

参考资料