fallback CSS At-Regel-Deskriptor

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, entweder das groß-/kleinschreibungssensitive <custom-ident> eines benutzerdefinierten CSS-Zählerstils (ohne Anführungszeichen) oder einen groß-/kleinschreibungsinsensitiven list-style-type Eigenschaftswert wie decimal, disc und so weiter.

Wird dies weggelassen, wird der Zähler-Fallback standardmäßig auf decimal gesetzt.

Beschreibung

Der Zählerstil, der als Wert des fallback Deskriptors angegeben ist, wird verwendet, wenn ein range Deskriptor für einen Zählerstil spezifiziert ist; der fallback Stil wird verwendet, um alle Werte zu repräsentieren, die außerhalb des Bereichs liegen. Der fallback Stil wird auch verwendet, wenn das fixed system verwendet wird und es nicht genug Symbole gibt, um alle Listenelemente abzudecken; der fallback Stil wird verwendet, um alle Werte zu repräsentieren, die außerhalb des Bereichs des festen Systems liegen. In beiden Fällen und immer dann, wenn der definierte Zähler keinen spezifischen Zählerwert erstellen kann, wird der fallback Stil verwendet.

Wenn der angegebene Fallbackstil auch nicht in der Lage ist, eine Darstellung zu konstruieren, wird der fallback Wert dieses Fallback-Zählers verwendet. Wenn der Fallback des Fallbackstils ebenfalls keine Darstellung konstruieren kann, wird der Fallback des Fallbacks verwendet. Dieses Zurückfallen geht so lange weiter, bis ein Fallback gefunden wird, das die Zählerdarstellung konstruieren kann. Wenn kein Fallback fallback Wert eine Darstellung konstruieren kann — wenn ein Fallbackstil keinen fallback Wert gesetzt hat, oder wenn ein fallback Wert nicht spezifiziert oder ungültig ist — wird der fallback standardmäßig auf decimal gesetzt.

Formale Definition

Formale Syntax

fallback = 
  <counter-style-name>  

<counter-style-name> = 
  <custom-ident>  

Beispiele

Angeben eines Fallback-Zählerstils

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 zur Erstellung anonymer Zählerstile