CSSCounterStyleRule: prefix 属性

基线 2023

新可用

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

的prefix 属性CSSCounterStyleRule接口获取并设置prefix描述符的值。如果描述符未设置值，则此属性返回空字符串。

值

字符串

示例

以下示例显示了一个@counter-style规则。在 JavaScript 中，myRules[0] 是此@counter-style规则，返回prefix将为我们提供值“Chapter ”。

css
@counter-style chapters {
  system: numeric;
  symbols: "0" "1" "2" "3" "4" "5" "6" "7" "8" "9";
  prefix: "Chapter ";
}
js
let myRules = document.styleSheets[0].cssRules;
console.log(myRules[0].prefix); // "Chapter "

规范

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

浏览器兼容性

BCD 表格仅在浏览器中加载