CSSCounterStyleRule: range 属性

基线 2023

新可用

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

range 属性是 CSSCounterStyleRule 接口的一部分，用于获取和设置 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;
}

let myRules = document.styleSheets[0].cssRules;
console.log(myRules[0].range); // "2 4, 7 9"

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

BCD 表格仅在启用 JavaScript 的浏览器中加载。