CSSCounterStyleRule: additiveSymbols-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 additiveSymbols-Eigenschaft der CSSCounterStyleRule-Schnittstelle ruft den Wert des additive-symbols-Descriptors ab und setzt ihn. Wenn der Descriptor keinen Wert gesetzt 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 Abrufen von additiveSymbols liefert uns den Wert " V 5, IV 4, I 1".
css
@counter-style additive-symbols-example {
system: additive;
additive-symbols:
V 5,
IV 4,
I 1;
}
js
let myRules = document.styleSheets[0].cssRules;
console.log(myRules[0].additiveSymbols); // " V 5, IV 4, I 1"
Spezifikationen
| Spezifikation |
|---|
| CSS Counter Styles Level 3 # dom-csscounterstylerule-additivesymbols |