CSSCounterStyleRule: name 属性

Baseline 2023
新推出

自 2023 年 9 月起,此功能可在最新的设备和浏览器版本上使用。此功能可能无法在较旧的设备或浏览器上使用。

CSSCounterStyleRule 接口的 name 属性用于获取和设置与规则关联的、定义为 name<custom-ident>

字符串。

示例

以下示例显示了一个 @counter-style 规则。在 JavaScript 中,myRules[0] 就是这个 @counter-style 规则,返回 name 会得到自定义标识符 "box-corner"。

css
@counter-style box-corner {
  system: fixed;
  symbols: ◰ ◳ ◲ ◱;
  suffix: ": ";
  fallback: disc;
}
js
let myRules = document.styleSheets[0].cssRules;
console.log(myRules[0].name); // "box-corner"

规范

规范
CSS Counter Styles Level 3
# dom-csscounterstylerule-name

浏览器兼容性