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

13 Mei 2015

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Kursus Postgre SQL Database Developer Terbaik 2024 di Jakarta
chat