---
title: counter-increment
slug: Web/CSS/counter-increment
tags:
  - CSS
  - CSS List
  - CSS Property
  - Reference
translation_of: Web/CSS/counter-increment
---
<p>{{ CSSRef() }}</p>

<h2 id="Resumo" name="Resumo">Resumo</h2>

<p><code>counter-increment</code> é usado para aumentar o valor de <a href="pt/CSS_Counters">CSS Counters</a> com um valor dado.</p>

<p>{{cssinfo}}</p>

<h2 id="Sintaxe" name="Sintaxe">Sintaxe</h2>

<pre class="eval">counter-increment: [&lt;identifier&gt; &lt;integer&gt;?]+ | inherit | none
</pre>

<h3 id="Valores" name="Valores">Valores</h3>

<dl>
 <dt>identifier </dt>
 <dd>O nome do contador para incrementar.</dd>
 <dt>integer </dt>
 <dd>O valor para adicionar ao contador. O padrão é 1 se nada for dado.</dd>
</dl>

<p>Você pode especificar como muitos contadores para incrementar como você quiser, cada um separado por um espaço.</p>

<h2 id="Propriedades_relacionadas" name="Propriedades_relacionadas">Propriedades relacionadas</h2>

<ul>
 <li><a href="pt/CSS/counter-reset">counter-reset</a> reinicia os <a href="pt/CSS_Counters">CSS Counters</a> especificados a uma quantidade dada.</li>
</ul>

<h2 id="Exemplos" name="Exemplos">Exemplos</h2>

<pre>h1 {
  counter-increment: chapter section 2 page;
  /* Aumenta o valor dos contadores de capítulo e página em 1
     e o contador da seção em 2. */
}
</pre>

<p><span class="comment">== Notas ==</span></p>

<h2 id="Especifica.C3.A7.C3.B5es" name="Especifica.C3.A7.C3.B5es">Especificações</h2>

<ul>
 <li><a class="external" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment">CSS 2.1</a></li>
</ul>

<p><span class="comment">== Compatibilidade com navegadores ==</span></p>

<h2 id="Veja_tamb.C3.A9m" name="Veja_tamb.C3.A9m">Veja também</h2>

<p><a href="pt/CSS_Counters">CSS Counters</a>, {{ Cssxref("counter-increment") }}, {{ Cssxref("counter-reset") }}</p>

<p><span class="comment">Categorias</span></p>

<p><span class="comment">Interwiki Language Links</span></p>