Funkcja CSS counter() zwraca łańcuchową reprezentację bieżącej wartości licznika CSS o określonej nazwie. Mówiąc prościej, funkcja ta służy do wstawiania licznika CSS zdefiniowanego za pomocą własności counter-reset w wybranym miejscu, najczęściej w pseudoelemencie ::before.
Wartości i składnia funkcji CSS counter()
Funkcja counter() jako wartość przyjmuje nazwę licznika zdefiniowanego przez własność counter-reset oraz opcjonalnie nazwę stylu licznika.
Nazwą stylu licznika może być jedna z wartości przyjmowanych przez własność list-style-type, nazwa zdefiniowana przez regułę @counter-style lub funkcja symbols(). Wartość domyślna to decimal, np.:
body {
counter-reset: licznik;
}
li::before {
counter-increment: licznik;
content: counter(licznik, disc) ". ";
}
Podsumowanie
| Specyfikacja CSS | CSS Lists and Counters Module Level 3, funkcja counter() |
|---|
