CSSCounterStyleRule: suffix-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 suffix-Eigenschaft der CSSCounterStyleRule-Schnittstelle ruft den Wert des suffix-Deskriptors ab und legt diesen fest. Wenn der Deskriptor keinen 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, und das Abrufen von suffix 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].suffix); // ": "

Spezifikationen

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

Browser-Kompatibilität

BCD tables only load in the browser