Nasprotni prirastek - CSS-triki

Anonim

Urejeni seznami niso edini elementi, ki jih je mogoče samodejno oštevilčiti. Zahvaljujoč različnim lastnostim, povezanim s števcem, je lahko kateri koli element.

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

Vsak se bo začel z "1", "2", "3" ali "4".

Slog števca lahko nadzirate tako, da ločite funkcijo števca z vejico. npr. da jih uporabljajo z rimskimi številkami:

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

Demo

Na CodePen:

Več informacij

  • Specifikacije CSS3
  • Dokumenti MDN

Podpora za brskalnik

Chrome Safari Firefox Opera IE Android iOS
2+ 3.1+ Kaj 9,2+ 8+ TBD TBD