Deskripsi
Properti list-style adalah properti singkatan yang digunakan untuk menyetel posisi dan jenis penanda dalam daftar; itu juga dapat digunakan untuk menetapkan gambar sebagai penanda.
Nilai yang Mungkin
<list-style-type> - Nilai apa pun yang diizinkan untuk tipe gaya daftar properti.
<list-style-position> - Nilai apa pun yang diizinkan untuk posisi gaya daftar properti.
<list-style-image> - Nilai apa pun yang diizinkan untuk gambar gaya daftar properti.
Berlaku untuk
Semua elemen dengan tampilan list-item.
Sintaks DOM
object.style.listStyle = "decimal;"
Contoh
Inilah contohnya -
<html>
<head>
</head>
<body>
<ul style = "list-style-type:circle;">
<li>Maths</li>
<li>Social Science</li>
<li>Physics</li>
</ul>
<ul style = "list-style-type:square;">
<li>Maths</li>
<li>Social Science</li>
<li>Physics</li>
</ul>
<ol style = "list-style-type:decimal;">
<li>Maths</li>
<li>Social Science</li>
<li>Physics</li>
</ol>
<ol style = "list-style-type:lower-alpha;">
<li>Maths</li>
<li>Social Science</li>
<li>Physics</li>
</ol>
<ol style = "list-style-type:lower-roman;">
<li>Maths</li>
<li>Social Science</li>
<li>Physics</li>
</ol>
</body>
</html>
Ini akan menghasilkan hasil sebagai berikut -