fallback

Syntax

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

Wert

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

<counter-style-name>

Gibt den Namen des Zählerstils an, der als Fallback verwendet werden soll. Dies ist entweder der <custom-ident> eines benutzerdefinierten CSS-Zählerstils (ohne Anführungszeichen) oder ein nicht-empfindlicher Wert der Eigenschaft list-style-type wie decimal, disc usw.

Wird der Deskriptor weggelassen, ist der Standard-Fallback für Zähler decimal.

Beschreibung

Der Zählerstil, der als Wert des fallback Deskriptors angegeben wird, wird verwendet, wenn für einen Zählerstil ein range-Deskriptor 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 festen Systems hinausgehen. In beiden Fällen und immer, wenn der definierte Zähler keinen spezifischen Zählerwert erstellen kann, wird der fallback-Stil verwendet.

Wenn der angegebene Fallback-Stil ebenfalls keine Darstellung erstellen kann, wird der fallback-Wert dieses Fallback-Zählers verwendet. Wenn auch der Fallback dieses Fallback-Stils keine Darstellung erstellen kann, wird der Fallback dieses Fallbacks verwendet. Dieses Zurückgreifen setzt sich fort, bis ein Fallback gefunden wird, das die Zählerdarstellung erstellen kann. Wenn kein Fallback-fallback-Wert eine Darstellung erstellen kann – wenn ein Fallback-Stil keinen festgelegten fallback-Wert hat oder wenn ein fallback-Wert nicht angegeben oder ungültig ist – fällt der Fallback standardmäßig auf decimal zurück.

Formale Definition

Formale Syntax

fallback = 
  <counter-style-name>  

Beispiele

Einen Fallback-Zählerstil angeben

HTML

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

CSS

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

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

Ergebnis

Spezifikationen

Browser-Kompatibilität

Siehe auch

• Andere @counter-style Deskriptoren: system, symbols, additive-symbols, negative, prefix, suffix, range, pad, und speak-as
• list-style, list-style-image, list-style-position
• symbols(): die funktionale Notation zum Erstellen anonymer Zählerstile