Cette page a été traduite à partir de l'anglais par la communauté. Vous pouvez contribuer en rejoignant la communauté francophone sur MDN Web Docs.

View in English Always switch to English

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

css
/* 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 comme decimal, 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 initialedecimal
Valeur calculéecomme spécifié

Syntaxe formelle

fallback = 
<counter-style-name>

Exemples

Spécification d'un style de compteur de repli

HTML

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

CSS

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

Voir aussi