CSSCounterStyleRule: symbols-Eigenschaft
Baseline
2023
Neu verfügbar
Seit September 2023 funktioniert diese Funktion auf aktuellen Geräten und in aktuellen Browserversionen. Auf älteren Geräten oder in älteren Browsern funktioniert sie möglicherweise nicht.
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
| Spezifikation |
|---|
| CSS Counter Styles Level 3 # dom-csscounterstylerule-symbols |