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 CSSCounterStyleRule
-Schnittstelle erhält und setzt den Wert des symbols
Deskriptors. Wenn der Deskriptor keinen gesetzten Wert hat, gibt dieses Attribut einen leeren String zurück.
Wert
Ein String
Beispiele
Das folgende Beispiel zeigt eine @counter-style
-Regel. In JavaScript ist myRules[0]
diese @counter-style
-Regel. Das Auslesen 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