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-Regel kann verwendet werden, um einen Zählerstil anzugeben, auf den zurückgegriffen wird, wenn der definierte Zählerstil keine Markierung für einen bestimmten Zählerwert erstellen kann.
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ß- und kleinschreibungssensitive
<custom-ident>eines benutzerdefinierten CSS-Zählerstils (ohne Anführungszeichen) oder ein groß- und kleinschreibungsunsensitiver Wert derlist-style-type-Eigenschaft wiedecimal,discusw.
Wird dieser Wert weggelassen, fällt die Zähler-Ersetzung auf decimal zurück.
Beschreibung
Der als Wert des fallback Deskriptors angegebene Zählerstil wird verwendet, wenn ein range-Deskriptor für einen Zählerstil 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 von system verwendet wird und nicht genügend Symbole vorhanden sind, um alle Listenelemente abzudecken; der fallback Stil wird verwendet, um alle Werte außerhalb des Anwendungsbereichs des festen Systems darzustellen. 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 Fallback-Stil ebenfalls keine Darstellung konstruieren kann, wird der fallback Wert dieses Fallback-Zählers verwendet. Wenn auch der Fallback des Fallback-Stils keine Darstellung konstruieren kann, wird der Fallback des Fallbacks verwendet. Dieser Rückgriff setzt sich fort, bis ein Fallback gefunden wird, der die Zählerdarstellung konstruieren kann. Wenn kein fallback Wert eine Darstellung konstruieren kann - wenn ein Fallback-Stil keinen fallback Wert gesetzt hat oder ein fallback Wert nicht angegeben oder ungültig ist - fällt der fallback auf decimal zurück.
Formale Definition
| Zugehörige @-Regel | @counter-style |
|---|---|
| Anfangswert | decimal |
| Berechneter Wert | wie angegeben |
Formale Syntax
fallback =
<counter-style-name>
Beispiele
>Festlegen 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
| Specification |
|---|
| CSS Counter Styles Level 3> # counter-style-fallback> |
Browser-Kompatibilität
Siehe auch
- Andere
@counter-styleDeskriptoren:system,symbols,additive-symbols,negative,prefix,suffix,range,pad, undspeak-as list-style,list-style-image,list-style-positionsymbols(): die funktionale Notation zur Erstellung anonymer Zählerstile