CSSCounterStyleRule: name 属性

基线 2023

新功能

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

name属性CSSCounterStyleRule接口获取并设置<custom-ident>定义为关联规则的name

字符串

示例

以下示例显示了一个@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 计数器样式级别 3
# dom-csscounterstylerule-name

浏览器兼容性

BCD 表格仅在启用了 JavaScript 的浏览器中加载。