Le descripteur fallback
, associé à la règle @ @counter-style
est utilisé afin d'indiquer un style de secours au cas où le style courant ne permet pas de créer une représentation pour le marqueur du compteur pour une valeur donnée. Si le style de secours indiqué ne le permet pas non plus, ce sera le style de secours du style de secours qui sera utilisé et ainsi de suite. Si un style de secours valide n'est pas indiqué, ce sera la valeur decimal
qui sera utilisée. Les scénarios pour lesquels ce style de secours est utilisé sont :
- Lorsque le descripteur
range
est utilisé, le style de secours est utilisé pour représenter les valeurs situées en dehors de l'intervalle. - Lorsque le descripteur
system
vautfixed
et qu'il n'y a pas suffisamment de symboles pour couvrir l'ensemble des éléments de la liste, le style de secours est utilisé pour le reste des éléments de la liste.
En lien avec les règles @ | @counter-style |
---|---|
Valeur initiale | decimal |
Média | tous |
Valeur calculée | comme spécifié |
Ordre canonique | l'ordre unique et non-ambigu défini par la grammaire formelle |
Syntaxe
/* Valeurs avec un mot-clé */ fallback: lower-alpha; fallback: custom-gangnam-style;
Syntaxe formelle
<counter-style-name>où
<counter-style-name> = <custom-ident>
Exemples
CSS
@counter-style fallback-example { system: fixed; symbols: "\24B6" "\24B7" "\24B8"; fallback: upper-alpha; } .exemple { list-style: fallback-example; }
HTML
<ul class="exemple"> <li>Un</li> <li>Deux</li> <li>Trois</li> <li>Quatre</li> <li>Cinq</li> </ul>
Résultat
Spécifications
Spécification | État | Commentaires |
---|---|---|
CSS Counter Styles Level 3 La définition de 'fallback' dans cette spécification. |
Candidat au statut de recommandation | Définition initiale. |
Compatibilité des navigateurs
Fonctionnalité | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|
Support simple | Pas de support | 33 (33) | Pas de support | Pas de support | Pas de support |
Fonctionnalité | Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|
Support simple | Pas de support | 33 (33) | Pas de support | Pas de support | Pas de support |
Voir aussi
list-style
,list-style-image
,list-style-position
,symbols()
, la notation fonctionnelle qui permet de créer des styles de compteur anonymes.
Étiquettes et contributeurs liés au document
Étiquettes :
Contributeurs à cette page :
SphinxKnight
Dernière mise à jour par :
SphinxKnight,