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 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 vaut fixed 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.

Syntaxe

css
/* Valeurs avec un mot-clé */
fallback: lower-alpha;
fallback: custom-gangnam-style;

Définition formelle

En lien avec les règles @@counter-style
Valeur initialedecimal
Valeur calculéecomme spécifié

Syntaxe formelle

fallback = 
  <counter-style-name>

Exemples

CSS

css
@counter-style fallback-example {
  system: fixed;
  symbols: "\24B6" "\24B7" "\24B8";
  fallback: upper-alpha;
}
.exemple {
  list-style: fallback-example;
}

HTML

html
<ul class="exemple">
  <li>Un</li>
  <li>Deux</li>
  <li>Trois</li>
  <li>Quatre</li>
  <li>Cinq</li>
</ul>

Résultat

Spécifications

Specification
CSS Counter Styles Level 3
# counter-style-fallback

Compatibilité des navigateurs

BCD tables only load in the browser

Voir aussi