CSSCounterStyleRule: additiveSymbols-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 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

Specification
CSS Counter Styles Level 3
# dom-csscounterstylerule-additivesymbols

Browser-Kompatibilität

BCD tables only load in the browser