Protuprirast - CSS-trikovi

Anonim

Poredani popisi nisu jedini elementi koji se mogu automatski numerirati. Zahvaljujući raznim svojstvima povezanim s brojačem, svaki element može biti.

 
body ( counter-reset: my-awesome-counter; ) section ( counter-increment: my-awesome-counter; ) section:before ( content: counter(my-awesome-counter); )

Svaka će započinjati s "1", "2", "3" ili "4".

Stilom brojača možete upravljati odvajanjem zarezom funkcije brojača. npr. da ih natjera da koriste rimske brojeve:

section:before ( content: counter(my-awesome-counter, upper-roman); )

Demo

Na CodePenu:

Više informacija

  • CSS3 specifikacije
  • MDN dokumenti

Podrška preglednika

Krom Safari Firefox Opera IE Android iOS
2+ 3.1+ Bilo koji 9,2+ 8+ TBD TBD