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

negative

Le descripteur negative, associé à la règle @ @counter-style, permet de définir la représentation du compteur lorsque la valeur est négative.

/* Valeurs représentant les symboles */
negative: "-";       /* Préfixe '-' si la valeur est négative */
negative: "(" ")";   /* Entoure la valeur avec '(' et ')' si elle est négative */

Si la valeur du compteur est négative, le symbole fourni par le descripteur sera utilisé comme préfixe à la représentation du compteur. Un deuxième symbole peut être indiqué et est alors utilisé comme suffixe. Le descripteur negative n'a d'effet que si la valeur du descripteur system est symbolic, alphabetic, numeric, additive ou extends et si le compteur personnalisé utilise des indices négatifs. Dans les autres cas, si le descripteur negative est fourni, il est ignoré.

Syntaxe

Valeurs

Premier symbole

Le préfixe (type <symbol>) à ajouter à la représentation lorsque la valeur du compteur est négative.

Deuxième symbole Facultatif

Si cette valeur (type <symbol>) est présente, le symbole sera ajouté après la représentation du compteur lorsque sa valeur est négative.

Syntaxe formelle

Error: could not find syntax for this item

Exemples

CSS

@counter-style neg {
  system: numeric;
  symbols: "0" "1" "2" "3" "4" "5" "6" "7" "8" "9";
  negative: "(-" ")";
}
.exemple {
  list-style: neg;
}

HTML

<ul class="exemple" start="-3">
  <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 'system' dans cette spécification.		 Candidat au statut de recommandation Définition initiale.
En lien avec les règles @@counter-style
Valeur initiale"-" hyphen-minus
Valeur calculéecomme spécifié

Compatibilité des navigateurs

BCD tables only load in the browser

Voir aussi