fallback

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 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

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

Compatibilité des navigateurs

Voir aussi

• Les autres descripteurs de @counter-style : system, symbols, additive-symbols, negative, prefix, suffix, range, pad et speak-as
• list-style, list-style-image, list-style-position
• symbols(), la notation fonctionnelle qui permet de créer des styles de compteur anonymes.