CSSCounterStyleRule: range 属性

Baseline 2023
新推出

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

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

字符串。

示例

下面的示例展示了一个 @counter-style 规则。在 JavaScript 中,myRules[0] 就是这个 @counter-style 规则,获取 range 会返回 "2 4, 7 9" 这个值。

css
@counter-style range-multi-example {
  system: cyclic;
  symbols: "\25A0" "\25A1";
  range:
    2 4,
    7 9;
}
js
let myRules = document.styleSheets[0].cssRules;
console.log(myRules[0].range); // "2 4, 7 9"

规范

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

浏览器兼容性