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

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

<p><code>counter-increment</code> zwiększa wartość <a href="pl/Liczniki_CSS">liczników CSS</a> o podaną wielkość.</p>

<ul>
 <li>{{ Xref_cssinitial() }}:</li>
 <li>Stosowana do: wszystkich elementów</li>
 <li>{{ Xref_cssinherited() }}: nie</li>
 <li>Procenty: niedostępne</li>
 <li>Media: {{ Xref_cssvisual() }}</li>
 <li>{{ Xref_csscomputed() }}:</li>
</ul>

<h2 id="Sk.C5.82adnia" name="Sk.C5.82adnia">Składnia</h2>

<pre class="eval">counter-increment: [&lt;identyfikator&gt; &lt;liczba całkowita&gt;?]+ | inherit | none
</pre>

<h2 id="Warto.C5.9Bci" name="Warto.C5.9Bci">Wartości</h2>

<dl>
 <dt>identyfikator</dt>
 <dd>Nazwa licznika, którego wartość jest zwiększana.</dd>
 <dt>integer</dt>
 <dd>Wartość, która ma być dodana do licznika. Domyślnie 1.</dd>
</dl>

<p>Można zwiększyć wartość dowolnej liczby liczników oddzielając wszystkie spacją.</p>

<h2 id="Powi.C4.85zane_w.C5.82asno.C5.9Bci" name="Powi.C4.85zane_w.C5.82asno.C5.9Bci">Powiązane własności</h2>

<ul>
 <li><a href="pl/CSS/counter-reset">counter-reset</a> ustawia wartość danego <a href="pl/Liczniki_CSS">licznika CSS</a> na podaną</li>
</ul>

<h2 id="Przyk.C5.82ady" name="Przyk.C5.82ady">Przykłady</h2>

<pre>h1 {
  counter-increment: rozdzial sekcja 2 strona; /* Zwiększa wartość liczników
                                                      rozdział i strona o 1,
                                            oraz wartość licznika sekcja o 2 */
}
</pre>

<p>Powyższy zapis jest równoważny z:</p>

<pre>h1 {
  counter-increment: rozdzial 1 sekcja 2 strona 1;
}
</pre>

<h2 id="Zobacz_tak.C5.BCe" name="Zobacz_tak.C5.BCe">Zobacz także</h2>

<ul>
 <li><a href="pl/Liczniki_CSS">Liczniki CSS</a></li>
</ul>