From 258ba7b4be62d8640477a3bd3146d08b00cb70ec Mon Sep 17 00:00:00 2001 From: julieng Date: Fri, 17 Sep 2021 20:59:20 +0200 Subject: convert content to md --- files/fr/web/css/counter-increment/index.md | 140 ++++++++++++---------------- 1 file changed, 59 insertions(+), 81 deletions(-) (limited to 'files/fr/web/css/counter-increment') diff --git a/files/fr/web/css/counter-increment/index.md b/files/fr/web/css/counter-increment/index.md index d9e0aa20db..b42659b395 100644 --- a/files/fr/web/css/counter-increment/index.md +++ b/files/fr/web/css/counter-increment/index.md @@ -7,19 +7,18 @@ tags: - Reference translation_of: Web/CSS/counter-increment --- -
{{CSSRef}}
+{{CSSRef}} -

La propriété counter-increment est utilisée afin d'augmenter la valeur d'un compteur CSS d'une valeur donnée.

+La propriété **`counter-increment`** est utilisée afin d'augmenter la valeur d'un [compteur CSS](/fr/docs/Web/CSS/Compteurs_CSS) d'une valeur donnée. -
{{EmbedInteractiveExample("pages/css/counter-increment.html")}}
+{{EmbedInteractiveExample("pages/css/counter-increment.html")}} -
-

Note : La valeur du compteur peut être réinitialisée avec une valeur arbitraire grâce à la propriété {{cssxref("counter-reset")}}.

-
+> **Note :** La valeur du compteur peut être réinitialisée avec une valeur arbitraire grâce à la propriété {{cssxref("counter-reset")}}. -

Syntaxe

+## Syntaxe -
/* On incrémente 'mon-compteur' de 1 */
+```css
+/* On incrémente 'mon-compteur' de 1 */
 counter-increment: mon-compteur;
 
 /* On réduit 'mon-compteur' de 1 */
@@ -36,35 +35,32 @@ counter-increment: none;
 counter-increment: inherit;
 counter-increment: initial;
 counter-increment: unset;
-
+``` -

La propriété counter-increment peut être définie de deux façons :

+La propriété `counter-increment` peut être définie de deux façons : - +- Avec le mot-clé `none` +- Avec un identifiant ({{cssxref("<custom-ident>")}}) qui identifie le compteur et qui est éventuellement suivi par un entier ({{cssxref("<integer>")}}). On peut définir autant de compteurs qu'on veut, chacun étant séparé par un espace. -

Valeurs

+### Valeurs -
-
{{cssxref("<custom-ident>")}}
-
Le nom du compteur qu'on souhaite incrémenter.L'identifiant peut se composer d'une combinaison de lettres entre a et z (sensible à la casse), de nombres compris entre 0 et 9, de tirets bas (_ ou underscores) et/ou de tirets. Le premier caractère qui n'est pas un tiret doit être une lettre. Il est également interdit d'utiliser deux tirets au début d'un identifiant. Enfin, un identifiant ne doit pas être none, unset, initial ou inherit quelque soit la combinaison de la casse.
-
{{cssxref("<integer>")}}
-
La valeur qu'on souhaite ajouter au compteur. La valeur par défaut est 1 (le compteur est alors incrémenté de 1).
-
none
-
Aucun compteur n'est incrémenté. Cette valeur est utilisée comme valeur par défaut et permet également d'annuler des incréments décrits par des règles moins spécifiques.
-
+- {{cssxref("<custom-ident>")}} + - : Le nom du compteur qu'on souhaite incrémenter.L'identifiant peut se composer d'une combinaison de lettres entre `a` et `z` (sensible à la casse), de nombres compris entre `0` et `9`, de tirets bas (`_` ou _underscores_) et/ou de tirets. Le premier caractère qui n'est pas un tiret doit être une lettre. Il est également interdit d'utiliser deux tirets au début d'un identifiant. Enfin, un identifiant ne doit pas être `none`, `unset`, `initial` ou `inherit` quelque soit la combinaison de la casse. +- {{cssxref("<integer>")}} + - : La valeur qu'on souhaite ajouter au compteur. La valeur par défaut est 1 (le compteur est alors incrémenté de 1). +- `none` + - : Aucun compteur n'est incrémenté. Cette valeur est utilisée comme valeur par défaut et permet également d'annuler des incréments décrits par des règles moins spécifiques. -

Syntaxe formelle

+### Syntaxe formelle {{csssyntax}} -

Exemples

+## Exemples -

CSS

+### CSS -
ol {
+```css
+ol {
   list-style-type: none;
   counter-reset: compteListe;
 }
@@ -73,57 +69,39 @@ li::before {
   counter-increment: compteListe 2;
   content: counter(compteListe) " ";
 }
-
- -

HTML

- -
<ol>
-  <li>Et de deux</li>
-  <li>Et de quatre</li>
-  <li>Et de six</li>
-</ol>
-
- -

Résultat

- -

{{EmbedLiveSample("Exemples")}}

- -

Spécifications

- - - - - - - - - - - - - - - - - - - - - -
SpécificationÉtatCommentaires
{{SpecName("CSS3 Lists", "#propdef-counter-increment", "counter-increment")}}{{Spec2("CSS3 Lists")}}Aucune modification.
{{SpecName("CSS2.1", "generate.html#propdef-counter-increment", "counter-increment")}}{{Spec2("CSS2.1")}}Définition initiale.
- -

{{cssinfo}}

- -

Compatibilité des navigateurs

- -

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

- -

Voir aussi

- - +``` + +### HTML + +```html +
    +
  1. Et de deux
    2. +
  2. Et de quatre
    3. +
  3. Et de six
    4. +
+``` + +### Résultat + +{{EmbedLiveSample("Exemples")}} + +## Spécifications + +| Spécification | État | Commentaires | +| -------------------------------------------------------------------------------------------------------------------- | -------------------------------- | -------------------- | +| {{SpecName("CSS3 Lists", "#propdef-counter-increment", "counter-increment")}} | {{Spec2("CSS3 Lists")}} | Aucune modification. | +| {{SpecName("CSS2.1", "generate.html#propdef-counter-increment", "counter-increment")}} | {{Spec2("CSS2.1")}} | Définition initiale. | + +{{cssinfo}} + +## Compatibilité des navigateurs + +{{Compat("css.properties.counter-increment")}} + +## Voir aussi + +- [Utiliser les compteurs CSS](/fr/docs/Web/CSS/Compteurs_CSS) +- {{cssxref("counter-reset")}} +- {{cssxref("counter-set")}} +- {{cssxref("@counter-style")}} +- Les fonctions CSS {{cssxref("counter")}} et {{cssxref("counters")}} -- cgit v1.2.3-54-g00ecf