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:

html<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>

cssul {
  list-style: square outside;
}

Результат:

Misol

Endi esa list-style xususiyatida marker uchun rasm va uning joylashishini matn maydonining ichida o'rnatamiz:

html<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>

cssul {
  list-style: url("li.gif") inside;
}

Результат: