counter-reset

  • Raccourci de la révision : CSS/counter-reset
  • Titre de la révision : counter-reset
  • ID de la révision : 418999
  • Créé :
  • Créateur : FredB
  • Version actuelle ? Non
  • Commentaire

Contenu de la révision

{{ CSSRef() }}

Résumé

counter-reset est utilisée pour réinitialiser les Compteurs CSS à une valeur donnée.

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

Syntaxe

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

Valeurs

identifier 
Le nom du compteur à réinitialiser.
integer 
La valeur de réinitialisation du compteur à appliquer à chaque occurrence de l'élément. Si elle n'est pas spécifiée, la valeur par défaut est 0.

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

Propriétés connexes

  • {{ Cssxref("counter-increment") }} augmente la valeur du compteur CSS spécifié d'une valeur donnée. (À traduire de en:CSS Counters)

Exemples

h1 {
  counter-reset: chapter section 1 page;
  /* Positionne les compteurs page et chapitre à 0
     et le compteur section à 1. */
}

Spécifications

Voir également

Interwiki Languages Links

Source de la révision

<p>{{ CSSRef() }}</p>
<h2 id="R.C3.A9sum.C3.A9" name="R.C3.A9sum.C3.A9">Résumé</h2>
<p><code>counter-reset</code> est utilisée pour réinitialiser les <a href="/fr/Compteurs_CSS" title="fr/Compteurs_CSS">Compteurs CSS</a> à une valeur donnée.</p>
<ul>
  <li>S'applique à&nbsp;: tous les éléments</li>
  <li>Héritée&nbsp;: non</li>
</ul>
<h2 id="Syntaxe" name="Syntaxe">Syntaxe</h2>
<pre class="eval">
counter-reset: [&lt;identifier&gt; &lt;integer&gt;?]+ | inherit | none
</pre>
<h3 id="Valeurs" name="Valeurs">Valeurs</h3>
<dl>
  <dt>
    identifier&nbsp;</dt>
  <dd>
    Le nom du compteur à réinitialiser.</dd>
  <dt>
    integer&nbsp;</dt>
  <dd>
    La valeur de réinitialisation du compteur à appliquer à chaque occurrence de l'élément. Si elle n'est pas spécifiée, la valeur par défaut est 0.</dd>
</dl>
<p>Vous pouvez spécifier autant de compteurs à réinitialiser que vous le désirez, chacun séparé du précédent par une espace.</p>
<h2 id="Propri.C3.A9t.C3.A9s_connexes" name="Propri.C3.A9t.C3.A9s_connexes">Propriétés connexes</h2>
<ul>
  <li>{{ Cssxref("counter-increment") }} augmente la valeur du <a href="/fr/Compteurs_CSS" title="fr/Compteurs_CSS">compteur CSS</a> spécifié d'une valeur donnée. <small>(À traduire de <a href="/en/CSS_Counters">en:CSS Counters</a>)</small></li>
</ul>
<h2 id="Exemples" name="Exemples">Exemples</h2>
<pre class="eval">
h1 {
  counter-reset: chapter section 1 page;
  /* Positionne les compteurs page et chapitre à 0
     et le compteur section à 1. */
}
</pre>
<h2 id="Sp.C3.A9cifications" name="Sp.C3.A9cifications">Spécifications</h2>
<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>
<h2 id="Voir_.C3.A9galement" name="Voir_.C3.A9galement">Voir également</h2>
<ul>
  <li><a href="/fr/Compteurs_CSS" title="fr/Compteurs_CSS">Compteurs CSS</a></li>
</ul>
<p><span class="comment">Interwiki Languages Links</span></p>
Revenir à cette révision