list-style касиети

list-style касиети ul же ol тизмелери үчүн маркердин тибин list-style-type, сүрөтүн list-style-image жана ордун list-style-position бир эле учурда коюуга мүмкүндүк берет.

Касиеттердин тартиби мааниге ээ эмес.

Мисал

Келгиле, биздин тизмебиз үчүн төрт бурчтуу маркерлерди коёлу:

html<ul>
  <li>тизме элементи</li>
  <li>тизме элементи</li>
  <li>тизме элементи</li>
  <li>тизме элементи</li>
  <li>тизме элементи</li>
</ul>

cssul {
  list-style: square outside;
}

Результат:

Мисал

Эми list-style касиетинде маркер үчүн сүрөттү жана анын текстик талаанын ичиндеги ордун коёлу:

html<ul>
  <li>тизме элементи</li>
  <li>тизме элементи</li>
  <li>тизме элементи</li>
  <li>тизме элементи</li>
  <li>тизме элементи</li>
</ul>

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

Результат: