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 Schnittstelle CSSCounterStyleRule erhält und setzt den Wert des Deskriptors symbols. Wenn der Deskriptor keinen Wert gesetzt hat, gibt dieses Attribut eine leere Zeichenkette zurück.

Wert

Ein String.

Beispiele

Das folgende Beispiel zeigt eine @counter-style-Regel. In JavaScript ist myRules[0] diese @counter-style-Regel, und das Abrufen 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