Fonction counter

 

CSS - Fonction counter()

Description de la fonction counter().

La fonction counter() renvoie la valeur d'un compteur. Ce qui peut servir à numéroter des images, des notes, etc.

Voir aussi les propriétés counter-reset et counter-increment et la directive @counter-style.

La fonction counter() peut être utilisée avec :

• content : Ajoute du contenu dans le document.

Syntaxe de la fonction counter().

• content: counter(cpt); n

  n est le nom du compteur. Celui-ci aura été défini et initialisé avec la propriété counter-reset, puis incrémenté avec counter-increment.

  n peut aussi être le nom d'un compteur défini par @counter-style.

• content: counter(cpt,decimal); n t

  t est le type du compteur : la logique et les symboles qu'il utilise pour la numérotation. Cela peut être une des valeurs suivantes :

  1. decimal : des chiffres utilisés de façon classique (1, 2, 3...).
  2. decimal-leading-zero : des chiffres sur 2 digits (01, 02, 03...).
  3. lower-roman : numérotation en chiffres romains minuscules (i, ii, iii, iv...).
  4. upper-roman : numérotation en chiffres romains majuscules (I, II, III, IV...).
  5. lower-alpha : numérotation basée sur les lettres de l'alphabet latin en minuscules (a, b, c...).
  6. upper-alpha : numérotation basée sur les lettres de l'alphabet latin en majuscules (A, B, C...).
  7. Numérotation dans une langue non européenne : voyez le simulateur ci-dessous pour découvrir les systèmes de numérotation internationaux.
• content: counter(cpt, symbols(decimal '⓿' '❶' '❷' '❸' '❹' '❺' '❻' '❼' '❽' '❾')); n t

  La numérotation est définie à partir des symboles listés et du type de comptage t indiqué. Reportez-vous à la fonction symbols() pour davantage de précisions sur cette fonction.

Simulateur.

content: counter

(ndemot    none  decimal  decimal-leading-zero  lower-roman  upper-roman  lower-latin / lower-alpha  upper-latin / upper-alpha  lower-greek    armenian  cjk-decimal  georgian  hebrew  hiragana  hiragana-iroha  japanese-informal  japanese-formal  katakana  katakana-iroha  korean-hangul-formal  korean-hanja-informal  korean-hanja-formal  simp-chinese-informal  simp-chinese-formal  trad-chinese-informal / cjk-ideographic  trad-chinese-formal  )

Janvier

Février

Mars

Avril

Mai

Juin

Juillet

Août

Septembre

Octobre

Novembre

Décembre

Exemples avec la fonction symbols().

Cliquez sur les exemples ci-dessous pour faire apparaître le CSS correspondant.

Notez la différence entre les options numéric et alphabetic : cette dernière option ne comporte pas de symbole zéro.

Pour trouver les codes des caractères utilisés dans la numérotation, vous pouvez vous servir de notre Outil de recherche de caractères.

Numérotation numérique :

Janvier

Février

Mars

Avril

Mai

Juin

Juillet

Août

Septembre

Octobre

Novembre

Décembre

Numérotation alphabétique :

Janvier

Février

Mars

Avril

Mai

Juin

Juillet

Août

Septembre

Octobre

Novembre

Décembre