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: name-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 name-Eigenschaft der CSSCounterStyleRule-Schnittstelle erhält und setzt das <custom-ident>, das als name für die zugehörige Regel definiert ist.

Wert

Ein String.

Beispiele

Das folgende Beispiel zeigt eine @counter-style-Regel. In JavaScript ist myRules[0] diese @counter-style-Regel, und die Rückgabe von name liefert uns den benutzerdefinierten Identifikator "box-corner".

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

Spezifikationen

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

Browser-Kompatibilität