【第3316期】有趣的 box-decoration-break

文章预览

前言 上周刷 RSS 时遇到的一个属性，要是在场景中用上体验至少感观上很不错。本文介绍了 CSS 中的 box-decoration-break 属性，并通过示例详细解释了其作用和应用方式。今日前端早读课文章由 @SbCo 分享，公号：掘金开发者社区授权。 正文从这开始～～ 接触到一个很有意思的 CSS 属性 -- box-decoration-break。下面就一起去一探究竟。 【小册】CSS 技术揭秘与实战通关 因为 MDN 上关于这个属性，没有中文文档，所以一直在想一个合理贴切的中文翻译。直译一下： box -- 盒，可以理解为元素盒模型 decoration -- 装饰，理解为元素样式 break -- 断行，参考 word-break ，理解为断行时候的表现 那么，这个属性可以先理解为，元素在发生断行时其样式的表现形式。 MDN 上英文释意为：The box-decoration-break CSS property specifies how an element's fragments should be rendered when broken across multipl ………………………………