Fallback

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.

Der fallback Deskriptor der @counter-style at-rule kann verwendet werden, um einen Ersatz-Counter-Stil anzugeben, falls der definierte Counter-Stil keine Marker-Darstellung für einen bestimmten Zählerwert erstellen kann.

Syntax

css
/* Keyword values */
fallback: lower-alpha;
fallback: custom-gangnam-style;

Wert

Der Deskriptor nimmt einen einzelnen <counter-style-name> als seinen Wert:

<counter-style-name>

Gibt den Namen des Counter-Stils an, der als Fallback verwendet werden soll, entweder den genau Schreibweise-sensitiven <custom-ident> eines benutzerdefinierten CSS-Counter-Stils (ohne Anführungszeichen) oder einen Schreibweise-unsensitiven Wert der list-style-type-Eigenschaft, wie decimal, disc und so weiter.

Wenn weggelassen, fällt der Counter-Style-Back auf decimal zurück.

Beschreibung

Der als Wert des fallback Deskriptors angegebene Counter-Stil wird verwendet, wenn ein range-Deskriptor für einen Counter-Stil angegeben ist; der fallback-Stil wird verwendet, um alle Werte darzustellen, die außerhalb des Bereichs liegen. Der fallback-Stil wird auch verwendet, wenn das fixed system verwendet wird und nicht genügend Symbole vorhanden sind, um alle Listenelemente abzudecken; der fallback-Stil wird verwendet, um alle Werte darzustellen, die über den Umfang des fixen Systems hinausgehen. In beiden diesen Fällen und jedem anderen Mal, wenn der definierte Counter keinen spezifischen Counter-Wert erstellen kann, wird der fallback-Stil verwendet.

Wenn der angegebene Fallback-Stil ebenfalls keine Darstellung konstruieren kann, wird der fallback-Wert dieses Fallback-Counters verwendet. Wenn der Fallback des Fallback-Stils ebenfalls keine Darstellung konstruieren kann, wird der Fallback dieses Fallbacks verwendet. Dieses Rückgreifen setzt sich fort, bis ein Fallback gefunden wird, der die Counter-Darstellung konstruieren kann. Wenn kein Fallback fallback-Wert eine Darstellung konstruieren kann – falls ein Fallback-Stil keinen fallback-Wert hat oder wenn ein fallback-Wert nicht angegeben oder ungültig ist – fällt der Fallback auf decimal zurück.

Formale Definition

Zugehörige @-Regel@counter-style
Initialer Wertdecimal
Berechneter Wertwie angegeben

Formale Syntax

fallback = 
  <counter-style-name>

Beispiele

Spezifizieren eines Fallback-Counter-Stils

HTML

html
<ul class="list">
  <li>One</li>
  <li>Two</li>
  <li>Three</li>
  <li>Four</li>
  <li>Five</li>
</ul>

CSS

css
@counter-style fallback-example {
  system: fixed;
  symbols: "\24B6" "\24B7" "\24B8";
  fallback: upper-alpha;
}

.list {
  list-style: fallback-example;
}

Ergebnis

Spezifikationen

Specification
CSS Counter Styles Level 3
# counter-style-fallback

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch