CSSCounterStyleRule: symbols 属性

Baseline 2023

新推出

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

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

值

字符串。

下面的示例展示了一个 @counter-style 规则。在 JavaScript 中，myRules[0] 就是这个 @counter-style 规则，获取其 symbols 属性会得到值 "◰ ◳ ◲ ◱"。

css

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

let myRules = document.styleSheets[0].cssRules;
console.log(myRules[0].symbols); // "◰ ◳ ◲ ◱"

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

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