Coursera Plus Annual is 40% Off — Ends July 13.

Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Dynamic Numbering with CSS Counters

Kevin Powell via YouTube

Start learning Write review
CodeSignal Ad

2,000+ Free Courses with Certificates: Coding, AI, SQL, and More

Learn More → Unihackers Ad

Launch Your Cybersecurity Career in 6 Months

Learn More →

Overview

Google, IBM & Meta Certificates – 40% Off
One plan covers every Professional Certificate on Coursera.
Unlock All Certificates
Learn how to implement dynamic numbering using CSS counters in this 12-minute tutorial video. Discover the power of CSS counters and explore their versatile applications. Start with the HTML structure, then create and display counters using CSS. Explore various numbering options, learn how to increment counters, and understand the nuances of the content property. Gain insights into resetting counters and other advanced techniques. Perfect for web developers looking to enhance their CSS skills and create more dynamic, automated layouts.

Syllabus

- Introduction
- The HTML
- Creating a counter with CSS
- Showing our counter
- How to increment the counter
- Numbering options
- Changing how the counter increments
- Be careful with the content property
- Resetting counters and a few other things

Taught by

Kevin Powell

Reviews

Start your review of Dynamic Numbering with CSS Counters

Start learning

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free
Someone learning on their laptop while sitting on the floor.