CSSCounterStyleRule: additiveSymbols 屬性

Baseline 2023
新推出

自 2023 年 9 月起,此功能可在最新的裝置和瀏覽器版本上使用。此功能可能無法在較舊的裝置或瀏覽器上使用。

CSSCounterStyleRule 介面的 additiveSymbols 屬性用於獲取和設定 additive-symbols 描述符的值。如果未設定該描述符的值,則此屬性返回一個空字串。

字串。

示例

以下示例展示了一個 @counter-style 規則。在 JavaScript 中,myRules[0] 是這個 @counter-style 規則,返回 additiveSymbols 會得到值 " V 5, IV 4, I 1"。

css
@counter-style additive-symbols-example {
  system: additive;
  additive-symbols:
    V 5,
    IV 4,
    I 1;
}
js
let myRules = document.styleSheets[0].cssRules;
console.log(myRules[0].additiveSymbols); // " V 5, IV 4, I 1"

規範

規範
CSS Counter Styles Level 3
# dom-csscounterstylerule-additivesymbols

瀏覽器相容性