Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

CSSCounterStyleRule: suffix-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 suffix-Eigenschaft der CSSCounterStyleRule-Schnittstelle erhält und setzt den Wert des suffix-Deskriptors. Wenn dem Deskriptor kein Wert zugewiesen wurde, 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, die Rückgabe von suffix gibt uns den Wert ": ".

css
@counter-style box-corner {
  system: fixed;
  symbols: ◰ ◳ ◲ ◱;
  suffix: ": ";
  negative: "-";
}
js
let myRules = document.styleSheets[0].cssRules;
console.log(myRules[0].suffix); // ": "

Spezifikationen

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

Browser-Kompatibilität