From 33058f2b292b3a581333bdfb21b8f671898c5060 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:40:17 -0500 Subject: initial commit --- files/fr/web/css/counter-increment/index.html | 133 ++++++++++++++++++++++++++ 1 file changed, 133 insertions(+) create mode 100644 files/fr/web/css/counter-increment/index.html (limited to 'files/fr/web/css/counter-increment') diff --git a/files/fr/web/css/counter-increment/index.html b/files/fr/web/css/counter-increment/index.html new file mode 100644 index 0000000000..7eaa65b7d3 --- /dev/null +++ b/files/fr/web/css/counter-increment/index.html @@ -0,0 +1,133 @@ +--- +title: counter-increment +slug: Web/CSS/counter-increment +tags: + - CSS + - Propriété + - Reference +translation_of: Web/CSS/counter-increment +--- +
{{CSSRef}}
+ +

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

+ +
{{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")}}.

+
+ +

Syntaxe

+ +
/* On incrémente 'mon-compteur' de 1 */
+counter-increment: mon-compteur;
+
+/* On réduit 'mon-compteur' de 1 */
+counter-increment: mon-compteur -1;
+
+/* On incrémente 'compteur1' de 1 et on décrémente 'compteur2' de 4 */
+counter-increment: compteur1 compteur2 -4;
+
+/* On n'incrémente/décremente rien */
+/* cela permet d'effacer les règles moins spécifiques */
+counter-increment: none;
+
+/* Valeurs globales */
+counter-increment: inherit;
+counter-increment: initial;
+counter-increment: unset;
+
+ +

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

+ + + +

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

Syntaxe formelle

+ +
{{csssyntax}}
+ +

Exemples

+ +

CSS

+ +
ol {
+  list-style-type: none;
+  counter-reset: compteListe;
+}
+
+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

+ + -- cgit v1.2.3-54-g00ecf