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
Loading…