Hasty Briefsbeta

双语

The attr() function in CSS now supports types

9 months ago
  • #Frontend
  • #Web Development
  • #CSS
  • CSS的`attr()`函数现已支持类型参数，允许将属性值作为特定数据类型处理。
  • 此前`attr()`仅支持单一参数（属性名），返回值始终为字符串类型。
  • 新语法：`attr(<属性名> type(<具体类型>))`，使其可应用于字符串之外的属性类型。
  • 示例：使用`attr(data-width type(<length>))`设置元素宽度时，属性值会被解析为长度单位。
  • 实际应用：通过`data-width`和`data-color`等HTML属性定制图表等UI元素。
  • 支持类型包括`<length>`和`<color>`，更多类型详见外部文档。
  • 目前仅Chromium内核浏览器（Chrome 133+）支持，预计将很快获得更广泛适配。
  • 此项升级通过最小化代码改动，显著提升CSS的可复用性和可维护性。
About|Login