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