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: range-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 range-Eigenschaft der CSSCounterStyleRule-Schnittstelle ruft den Wert des range-Deskriptors ab und setzt ihn. Wenn das Deskriptor 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 Zurückgeben von range gibt uns den Wert "2 4, 7 9".

css
@counter-style range-multi-example {
  system: cyclic;
  symbols: "\25A0" "\25A1";
  range:
    2 4,
    7 9;
}
js
let myRules = document.styleSheets[0].cssRules;
console.log(myRules[0].range); // "2 4, 7 9"

Spezifikationen

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

Browser-Kompatibilität