Chrome 130 新增对 box-decoration-break 属性的支持

文章预览

大家好，我是 ConardLi 。 在 Chrome 130 中，新增了对 CSS 属性 box-decoration-break:clone ，的支持，这个属性可以使开发者在处理内联和块级内容碎片化时，多一种新的方式。 今天的文章我们来详细介绍下该属性及其使用方法，并结合实例演示其效果和应用场景。 什么是 box-decoration-break box-decoration-break 是一个 CSS 属性，可以用来定义盒模型碎片（fragment）的装饰性样式如何呈现，碎片化主要会在以下两种情况下出现： 内联碎片化 ：例如，一个内联元素（如一段文本）跨越多行。 块级碎片化 ：例如，在多列布局中或打印时，内容分割到多个页面。 该属性有两个主要值： slice （默认）：在每个碎片处切割盒模型。 clone ：在每个碎片处克隆装饰性样式。 此外， box-decoration-break 还有几个全局值： initial ：把属性恢复到它的默认值。 inherit ：从父元素继承 ………………………………