Właściwość CSS counter-increment

Definicja stylu, przeznaczenie i użycie counter-increment

Właściwość counter-increment zwiększa lub zmniejsza wartość jednego lub większej liczby liczników CSS.

Właściwość counter-increment używana jest zazwyczaj razem z właściwością counter-reset i właściwością content.

Wartości właściwości counter-increment

Składnia CSS counter-increment

counter-increment: none | id | initial | inherit;

Wsparcie przeglądarek dla właściwości counter-increment

Liczba w tabeli określa pierwszą wersję przeglądarki w pełni obsługującą tę właściwość.

Właściwość
counter-increment	4.0	8.0	2.0	3.1	9.6

Przykładowe zastosowania właściwości counter-increment

figure {
counter-reset:licznik-1;
margin:0;
}

figure > div {
counter-increment:licznik-1 2;
}

figure > div::before {
content:counter(licznik-1) ' - ';
color: red;
}
Efekt
2. Przykładowy element "div"
4. Przykładowy element "div"
6. Przykładowy element "div"