List-style xususiyati
list-style xususiyati bir vaqtning o'zida
list-style-type marker turini,
list-style-image rasmni
va uning joylashishini list-style-position
ul yoki
ol ro'yxatlari uchun o'rnatish imkonini beradi.
Xususiyatlarning tartibi ahamiyatga ega emas.
Misol
Keling, bizning ro'yxatimizga kvadrat markerlarni o'rnatamiz:
<ul>
<li>ro'yxat elementi</li>
<li>ro'yxat elementi</li>
<li>ro'yxat elementi</li>
<li>ro'yxat elementi</li>
<li>ro'yxat elementi</li>
</ul>
ul {
list-style: square outside;
}
:
Misol
Endi esa list-style xususiyatida
marker uchun rasm va uning joylashishini
matn maydonining ichida o'rnatamiz:
<ul>
<li>ro'yxat elementi</li>
<li>ro'yxat elementi</li>
<li>ro'yxat elementi</li>
<li>ro'yxat elementi</li>
<li>ro'yxat elementi</li>
</ul>
ul {
list-style: url("li.gif") inside;
}
:
