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.
Le descripteur CSS fallback
de la règle @counter-style
permet de spécifier un style de compteur de repli si le style de compteur défini ne peut pas créer de représentation pour une certaine valeur du compteur.
Syntaxe
/* Valeurs avec un mot-clé */
fallback: lower-alpha;
fallback: custom-gangnam-style;
Valeur
Ce descripteur accepte une seule valeur <counter-style-name>
:
<counter-style-name>
-
Indique le nom du style de compteur à utiliser comme repli, soit le
<custom-ident>
sensible à la casse d'un style de compteur CSS personnalisé (sans guillemets), soit une valeur de propriétélist-style-type
insensible à la casse commedecimal
,disc
, etc.
Si la valeur est omise, le style de repli du compteur est decimal
par défaut.
Description
Le style de compteur fourni comme valeur du descripteur fallback
est utilisé lorsqu'un descripteur range
est spécifié pour un style de compteur : le style de repli est utilisé pour représenter toutes les valeurs en dehors de la plage. Le style de repli est aussi utilisé lorsque le système system
est fixed
et qu'il n'y a pas assez de symboles pour couvrir tous les éléments de la liste : le style de repli sert alors à représenter toutes les valeurs au-delà de la portée du système fixe. Dans ces deux cas, et à chaque fois que le compteur défini ne peut pas créer une valeur spécifique, le style de repli est utilisé.
Si le style de repli spécifié ne peut pas non plus construire une représentation, alors la valeur fallback
de ce compteur de repli est utilisée. Si le style de repli du repli ne peut pas non plus construire une représentation, alors le repli du repli est utilisé, et ainsi de suite jusqu'à ce qu'un style de repli soit trouvé qui puisse construire la représentation du compteur. Si aucun style de repli ne peut construire une représentation — si un style de repli n'a pas de valeur fallback
définie, ou si la valeur fallback
n'est pas spécifiée ou invalide — le style de repli par défaut est decimal
.
Définition formelle
En lien avec les règles @ | @counter-style |
---|---|
Valeur initiale | decimal |
Valeur calculée | comme spécifié |
Syntaxe formelle
fallback =
<counter-style-name>
Exemples
>Spécification d'un style de compteur de repli
HTML
<ul class="list">
<li>Un</li>
<li>Deux</li>
<li>Trois</li>
<li>Quatre</li>
<li>Cinq</li>
</ul>
CSS
@counter-style exemple-de-repli {
system: fixed;
symbols: "\24B6" "\24B7" "\24B8";
fallback: upper-alpha;
}
.list {
list-style: exemple-de-repli;
}
Résultat
Spécifications
Specification |
---|
CSS Counter Styles Level 3> # counter-style-fallback> |
Compatibilité des navigateurs
Loading…
Voir aussi
- Les autres descripteurs de
@counter-style
:system
,symbols
,additive-symbols
,negative
,prefix
,suffix
,range
,pad
etspeak-as
list-style
,list-style-image
,list-style-position
symbols()
, la notation fonctionnelle qui permet de créer des styles de compteur anonymes.