CSSCounterStyleRule: symbols-Eigenschaft
Baseline
Weitgehend verfügbar
Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit September 2023 browserübergreifend verfügbar.
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 |