Własność CSS counter-increment służy do kontrolowania sposobu, w jaki zmienia się wartość licznika CSS. Mimo słowa increment oznaczającego zwiększanie w nazwie, za pomocą tej własności można zarówno zwiększać, jak i zmniejszać wartość licznika.
Wartości i składnia własności CSS counter-increment
Własność counter-increment przyjmuje następujące wartości:
Nazwy liczników — rozdzielana spacjami lista nazw liczników z opcjonalną liczbą całkowitą oznaczającą, o ile ma być zwiększana lub zmniejszana (w przypadku liczby ujemnej) wartość licznika. Brak wartości powoduje zastosowanie wartości domyślnej 1. Na przykład:
counter-increment: jakis-licznik inny-licznik 3;
Ta deklaracja CSS sprawia, że wartość licznika jakis-licznik będzie zwiększana o 1 dla każdego kolejnego elementu listy, a wartość licznika inny-licznik będzie zwiększana o 3 dla każdego kolejnego elementu listy.
Podsumowanie
| Zastosowanie | Wszystkie elementy HTML |
|---|---|
| Obsługiwane wartości | Nazwy liczników z opcjonalnymi wartościami, słowo kluczowe none |
| Wartość początkowa | none |
| Dziedziczenie | Nie |
| Specyfikacja CSS | CSS Lists and Counters Module Level 3, counter-increment |
