CSSCounterStyleRule: additiveSymbols 属性

Baseline 2023

新推出

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

CSSCounterStyleRule 接口的 additiveSymbols 属性用于获取和设置 additive-symbols 描述符的值。如果未设置该描述符的值，则此属性返回一个空字符串。

值

字符串。

以下示例展示了一个 @counter-style 规则。在 JavaScript 中，myRules[0] 是这个 @counter-style 规则，返回 additiveSymbols 会得到值 " V 5, IV 4, I 1"。

css

@counter-style additive-symbols-example {
  system: additive;
  additive-symbols:
    V 5,
    IV 4,
    I 1;
}

let myRules = document.styleSheets[0].cssRules;
console.log(myRules[0].additiveSymbols); // " V 5, IV 4, I 1"

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

此页面最后由 MDN 贡献者于 2024 年 11 月 13 日修改。