---
title: CSS Counter Styles
slug: Web/CSS/CSS_Counter_Styles
tags:
  - Aperçu
  - CSS
  - CSS Counter Styles
  - Reference
translation_of: Web/CSS/CSS_Counter_Styles
---
{{cssref}}

**_CSS Counter Styles_** est un module CSS qui permet de définir ses propres styles pour les compteurs utilisés dans les listes numérotées.

## Référence

### Propriétés

- {{cssxref("counter-increment")}}
- {{cssxref("counter-reset")}}

### Règles @

- {{cssxref("@counter-style")}}

  - {{cssxref("@counter-style/system","system")}}
  - {{cssxref("@counter-style/additive-symbols", "additive-symbols")}}
  - {{cssxref("@counter-style/negative", "negative")}}
  - {{cssxref("@counter-style/prefix", "prefix")}}
  - {{cssxref("@counter-style/suffix", "suffix")}}
  - {{cssxref("@counter-style/range", "range")}}
  - {{cssxref("@counter-style/pad", "pad")}}
  - {{cssxref("@counter-style/speak-as", "speak-as")}}
  - {{cssxref("@counter-style/fallback", "fallback")}}

## Guides

- [Manipuler les compteurs CSS](/fr/docs/Web/CSS/CSS_Lists_and_Counters/Using_CSS_counters)
  - : Cet article décrit comment utiliser les compteurs CSS afin de numéroter des éléments HTML et de réaliser des comptages complexes.

## Spécifications

| Spécification                                    | État                                         | Commentaires         |
| ------------------------------------------------ | -------------------------------------------- | -------------------- |
| {{SpecName('CSS3 Counter Styles')}} | {{Spec2('CSS3 Counter Styles')}} | Définition initiale. |

## Compatibilité des navigateurs

### `@counter-style`

{{Compat("css.at-rules.counter-style")}}

### `counter-increment`

{{Compat("css.properties.counter-increment")}}

### `counter-reset`

{{Compat("css.properties.counter-reset")}}