Funkcja CSS symbols()

Funkcja CSS symbols() umożliwia zdefiniowanie anonimowego stylu licznika wprost jako wartości własności list-style lub list-style-type. Jest prostszą wersją reguły @counter-style.

Wartości i składnia funkcji CSS symbols()

Funkcja CSS symbols() jako wartość przyjmuje opcjonalną nazwę deskryptora oraz zestaw łańcuchów lub obrazów. Dostępne są następujące deskryptory:

• cyclic — cyklicznie wybiera kolejne wartości z podanej listy, np.:

  
  ol { list-style: symbols(cyclic "*" "^" "$" "#"); }
  

• numeric — Podane wartości są interpretowane jako kolejne cyfry systemu liczbowego
• alphabetic — Podane wartości są interpretowane jako litery alfabetu
• symbolic — Podane wartości są pobierane po kolei, następnie są podwajane, potrajane itd.
• fixed — Podane wartości są reprezentowane raz, po czym następuje przejście do liczb arabskich.

Podsumowanie