CSSCounterStyleRule: symbols 屬性

Baseline 2023

新推出

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

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

值

字串。

下面的示例展示了一個 @counter-style 規則。在 JavaScript 中，myRules[0] 就是這個 @counter-style 規則，獲取其 symbols 屬性會得到值 "◰ ◳ ◲ ◱"。

css

@counter-style box-corner {
  system: fixed;
  symbols: ◰ ◳ ◲ ◱;
  suffix: ": ";
  negative: "-";
}

let myRules = document.styleSheets[0].cssRules;
console.log(myRules[0].symbols); // "◰ ◳ ◲ ◱"

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

此頁面最後修改於 2024年11月13日，由 MDN 貢獻者更新。