CSSCounterStyleRule：name 属性

Baseline 2023

Newly available

Since ⁨September 2023⁩, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.

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

值

字符串。

以下示例展示了 @counter-style 样式的规则。在 JavaScript 中，myRules[0] 为 @counter-style 规则，name 返回值为自定义标识“box-corner”。

css

@counter-style box-corner {
  system: fixed;
  symbols: ◰ ◳ ◲ ◱;
  suffix: ": ";
  fallback: disc;
}

let myRules = document.styleSheets[0].cssRules;
console.log(myRules[0].name); // "box-corner"

Specification
CSS Counter Styles Level 3 # dom-csscounterstylerule-name

This page was last modified on ⁨2024年11月15日⁩ by MDN contributors.