CSSCounterStyleRule: symbols 属性

基线 2023

新可用

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

symbols 属性是 CSSCounterStyleRule 接口的属性,用于获取和设置 symbols 描述符的值。 如果描述符没有设置值,则此属性将返回一个空字符串。

字符串

示例

以下示例显示了一个 @counter-style 规则。 在 JavaScript 中,myRules[0] 是此 @counter-style 规则,返回 symbols 将为我们提供值 "◰ ◳ ◲ ◱"。

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

规范

规范
CSS 计数器样式级别 3
# dom-csscounterstylerule-symbols

浏览器兼容性

BCD 表格只能在浏览器中加载