CSSCounterStyleRule: symbols-Eigenschaft

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.

Die symbols-Eigenschaft der CSSCounterStyleRule-Schnittstelle erhält und setzt den Wert des symbols Deskriptors. Wenn der Deskriptor keinen gesetzten Wert hat, gibt dieses Attribut einen leeren String zurück.

Wert

Ein String

Beispiele

Das folgende Beispiel zeigt eine @counter-style-Regel. In JavaScript ist myRules[0] diese @counter-style-Regel. Das Auslesen von symbols gibt uns den Wert "◰ ◳ ◲ ◱" zurück.

css
@counter-style box-corner {
  system: fixed;
  symbols: ◰ ◳ ◲ ◱;
  suffix: ": ";
  negative: "-";
}
js
let myRules = document.styleSheets[0].cssRules;
console.log(myRules[0].symbols); // "◰ ◳ ◲ ◱"

Spezifikationen

Specification
CSS Counter Styles Level 3
# dom-csscounterstylerule-symbols

Browser-Kompatibilität

BCD tables only load in the browser