mozilla

Revision 419003 of counter-reset

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

Contenu de la révision

{{ CSSRef() }}

Résumé

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

{{cssbox("counter-reset")}}

Syntaxe

Formal syntax: {{csssyntax("counter-reset")}}
counter-reset: counter-name        /* Met counter-name à 0 */
counter-reset: counter-name -1     /* Met counter-name à -1 */
counter-reset: counter1 1 counter2 4 /* Met counter1 à 1 et counter2 à 4 */

counter-reset: none                /* Annule toutes remises à zéro définies dans des règles à spécificité plus faible */

counter-reset: inherit

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

Spécification État Commentaire
{{SpecName('CSS3 Lists', '#counter-reset', 'counter-reset')}} {{Spec2('CSS3 Lists')}} Pas de changement.
{{SpecName('CSS2.1', 'generate.html#propdef-counter-reset', 'counter-reset')}} {{Spec2('CSS2.1')}} Définition initiale.

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>La propriété <a href="/fr/docs/CSS" title="/fr/docs/CSS">CSS</a> <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>
<p>{{cssbox("counter-reset")}}</p>
<h2 id="Syntaxe" name="Syntaxe">Syntaxe</h2>
<pre class="twopartsyntaxbox">
<a href="/en-US/docs/CSS/Value_definition_syntax" title="CSS/Value_definition_syntax">Formal syntax</a>: {{csssyntax("counter-reset")}}
</pre>
<pre>
counter-reset: counter-name        /* Met counter-name à 0 */
counter-reset: counter-name -1     /* Met counter-name à -1 */
counter-reset: counter1 1 counter2 4 /* Met counter1 à 1 et counter2 à 4 */

counter-reset: none                /* Annule toutes remises à zéro définies dans des règles à spécificité plus faible */

counter-reset: inherit
</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>
<table class="standard-table">
  <thead>
    <tr>
      <th scope="col">Spécification</th>
      <th scope="col">État</th>
      <th scope="col">Commentaire</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>{{SpecName('CSS3 Lists', '#counter-reset', 'counter-reset')}}</td>
      <td>{{Spec2('CSS3 Lists')}}</td>
      <td>Pas de changement.</td>
    </tr>
    <tr>
      <td>{{SpecName('CSS2.1', 'generate.html#propdef-counter-reset', 'counter-reset')}}</td>
      <td>{{Spec2('CSS2.1')}}</td>
      <td>Définition initiale.</td>
    </tr>
  </tbody>
</table>
<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