Cara membuat list hirarki dengan angka berurutan menggunakan HTML dan CSS

Hallo teman-teman, apa kabarnya hari ini? Pada kesempatan kali ini saya akan membahas satu trik lagi tentang CSS. Trik CSS Kali ini kita akan membuat List dengan angka hirarki seperti yang ada pada word

Apa kalian pernah membuat makalah, atau buku yang memiliki bab dan sub-bab ? jika pernah ya kira-kira kita akan menampilkan hal yang sama seperti itu

Baiklah teman-teman, ksekarang langsung saja kita lihat source code dan demo nya dibawah ini

Pada kasus ini kita memberikan property berikut

counter-reset: section; = diberikan sebagai induk digit utama

counter-reset: category; = diberikan sebagai digit kedua (sub-bab)

counter-increment = diberikan agar value dari counter-reset dapat bertambah 1 secara otomatis

Baiklah teman-teman, demikian artikel tentang