Motøkning - CSS-triks

Anonim

Bestilte lister er ikke de eneste elementene som kan nummereres automatisk. Takket være de forskjellige motrelaterte egenskapene kan ethvert element være.

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

Hver starter henholdsvis med “1”, “2”, “3” eller “4”.

Du kan kontrollere stilen på telleren ved å skille tellerfunksjonen med komma. for å få dem til å bruke romertall:

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

Demo

På CodePen:

Mer informasjon

  • CSS3 spesifikasjon
  • MDN-dokumenter

Nettleserstøtte

Chrome Safari Firefox Opera DVS Android iOS
2+ 3.1+ Noen 9.2+ 8+ TBD TBD