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 werden soll, wenn der definierte Zählerstil keine Markierungsdarstellung 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:
<counter-style-name>-
Gibt den Namen des Zählerstils an, der als Fallback verwendet werden soll. Dies kann entweder der groß-/kleinschreibungssensitive
<custom-ident>eines benutzerdefinierten CSS-Zählerstils (ohne Anführungszeichen) oder ein groß-/kleinschreibungsunsensitiver Wert derlist-style-typeEigenschaft sein, wie z.B.decimal,disc, usw.
Wird dieser weggelassen, fällt der Zähler-Fallback standardmäßig auf decimal zurück.
Beschreibung
Der Zählerstil, der als Wert des fallback-Deskriptors angegeben ist, 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 verwendet wird und es nicht genug Symbole gibt, um alle Listeneinträge abzudecken; der fallback-Stil wird verwendet, um alle Werte darzustellen, die über den Umfang des festen Systems hinausgehen. 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 dieser Fallback-Stil ebenfalls keine Darstellung erstellen kann, wird der Fallback des Fallbacks verwendet. Dieses Zurückfallen wird fortgesetzt, bis ein Fallback gefunden wird, der die Zähldarstellung konstruieren kann. Wenn kein Fallback-fallback-Wert in der Lage ist, eine Darstellung zu konstruieren - wenn ein Fallback-Stil keinen fallback-Wert gesetzt hat oder wenn ein fallback-Wert nicht angegeben oder ungültig ist - fällt der fallback standardmäßig 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