DEV Community

A Guide to CSS counter

Samantha Ming on March 25, 2019

A Guide to CSS counter Use the "counter" property to turn any element into a numbered list. Similar to how the ordered list tag works ...
Collapse
 
acostalima profile image
André Costa Lima

I didn't even know you could control list numbering with CSS and make elements to behave like ol 😮

Thanks! 👌

Collapse
 
samanthaming profile image
Samantha Ming

I know, it's pretty sweet! There are so much cool things CSS can tweak. I'll make sure to share if I find more 😊

Collapse
 
islam profile image
Islam Sayed

I talked about your article as the first one of my 150 articles challenge here: Article # 1 of 150: A Guide To CSS Counter.

Collapse
 
samanthaming profile image
Samantha Ming

That’s super cool, thanks! But I don’t think the link is working for me 🤔

Collapse
 
islam profile image
Islam Sayed

This is totally new to me. Thank you so much. 💚

Collapse
 
samanthaming profile image
Samantha Ming

You're welcome! Thanks for reading it 😊

Collapse
 
devworkssimone profile image
DevWorksSimone

I think you meant to writer
counter-increment:
Instead of
counter-reset:
In action 2.Increment-counter.
Stile Reading seems interesting

Collapse
 
samanthaming profile image
Samantha Ming

Ugh yes 😱I'll fix it now, thank you!!!

Collapse
 
kozakrisz profile image
Krisztian Kecskes

Thank you Samantha! Useful article as always! :D

Collapse
 
samanthaming profile image
Samantha Ming

Awesome, glad to hear it was helpful! Thanks for reading the article 😄