CSSCounterStyleRule:prefix 属性
Baseline 2023
Newly available
Since September 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
CSSCounterStyleRule
接口的 prefix
属性用于获取或设置 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 "
规范
Specification |
---|
CSS Counter Styles Level 3 # dom-csscounterstylerule-prefix |
浏览器兼容性
BCD tables only load in the browser