CSS @counter-style Preview

Create custom numbering systems with @counter-style — your own symbols, system, and suffix, with a live ordered-list preview.

Custom Counter Style

With @counter-style you can create your own numbering system — emoji, circled numbers, custom symbols, and more.

100% browser-based — no data sent to any server
  1. First step
  2. Second step
  3. Third step
  4. Fourth step
  5. Fifth step
style.css

      

    

  





Copied to clipboard!