counter-increment

  • Raccourci de la révision : CSS/counter-increment
  • Titre de la révision : counter-increment
  • ID de la révision : 184537
  • Créé :
  • Créateur : Fredchat
  • Version actuelle ? Non
  • Commentaire /* Résumé */

Contenu de la révision

{{ CSSMozExtensionRef() }}

Résumé

counter-increment est utilisée pour incrémenter la valeur des Compteurs CSS d'une valeur donnée.

  • S'applique à : tous les éléments
  • Héritée : non

Syntaxe

counter-increment: [<identifier> <integer>?]+ | inherit | none

Valeurs

identifier 
Le nom du compteur à incrémenter.
integer 
La valeur à ajouter au compteur. Si elle n'est pas spécifiée, la valeur par défaut est 1.

Vous pouvez spécifier autant de compteurs à incrémenter que vous le désirez, chacun séparé du précédent par une espace.

Propriétés connexes

  • {{ Cssxref("counter-reset") }} réinitialise les Compteurs CSS à une valeur donnée.

Exemples

h1 {
  counter-increment: chapter section 2 page;
  /* Incrémente la valeur des compteurs chapitre et page de 1
     et le compteur section de 2. */
}

Spécifications

Voir également

Interwiki Languages Links

{{ languages( { "en": "en/CSS/counter-increment", "pl": "pl/CSS/counter-increment" } ) }}

Source de la révision

<p>
</p><p>{{ CSSMozExtensionRef() }}
</p>
<h3 id="R.C3.A9sum.C3.A9" name="R.C3.A9sum.C3.A9"> Résumé </h3>
<p><code>counter-increment</code> est utilisée pour incrémenter la valeur des <a href="fr/Compteurs_CSS">Compteurs CSS</a> d'une valeur donnée.
</p>
<ul><li> S'applique à : tous les éléments
</li><li> Héritée : non
</li></ul>
<h3 id="Syntaxe" name="Syntaxe"> Syntaxe </h3>
<pre class="eval">counter-increment: [&lt;identifier&gt; &lt;integer&gt;?]+ | inherit | none
</pre>
<h3 id="Valeurs" name="Valeurs"> Valeurs </h3>
<dl><dt>identifier </dt><dd> Le nom du compteur à incrémenter.
</dd><dt>integer </dt><dd> La valeur à ajouter au compteur. Si elle n'est pas spécifiée, la valeur par défaut est 1.
</dd></dl>
<p>Vous pouvez spécifier autant de compteurs à incrémenter que vous le désirez, chacun séparé du précédent par une espace.
</p>
<h3 id="Propri.C3.A9t.C3.A9s_connexes" name="Propri.C3.A9t.C3.A9s_connexes"> Propriétés connexes </h3>
<ul><li> {{ Cssxref("counter-reset") }} réinitialise les <a href="fr/Compteurs_CSS">Compteurs CSS</a> à une valeur donnée.
</li></ul>
<h3 id="Exemples" name="Exemples"> Exemples </h3>
<pre class="eval">h1 {
  counter-increment: chapter section 2 page;
  /* Incrémente la valeur des compteurs chapitre et page de 1
     et le compteur section de 2. */
}
</pre>
<h3 id="Sp.C3.A9cifications" name="Sp.C3.A9cifications"> Spécifications </h3>
<ul><li> <a class="external" href="http://www.yoyodesign.org/doc/w3c/css2/generate.html#counters">CSS 2 (fr)</a> ou <a class="external" href="http://www.w3.org/TR/CSS21/generate.html#counters">CSS 2.1 (en)</a>
</li><li> <a class="external" href="http://www.w3.org/TR/2003/WD-css3-content-20030514/#counters">CSS 3 (en)</a>
</li></ul>
<h3 id="Voir_.C3.A9galement" name="Voir_.C3.A9galement"> Voir également </h3>
<ul><li> <a href="fr/Compteurs_CSS">Compteurs CSS</a>
</li></ul>
<p><span class="comment">Interwiki Languages Links</span>
</p>{{ languages( { "en": "en/CSS/counter-increment", "pl": "pl/CSS/counter-increment" } ) }}
Revenir à cette révision