Уласцівасць list-style

Уласцівасць list-style дазваляе адначасова ўстанавіць тып маркера list-style-type, карцінку list-style-image і яго становішча list-style-position для спісаў ul ці ol.

Парадак уласцівасцей значэння не мае.

Прыклад

Давайце ўстановім для нашага спіса квадратныя маркеры:

html<ul>
  <li>list item</li>
  <li>list item</li>
  <li>list item</li>
  <li>list item</li>
  <li>list item</li>
</ul>

cssul {
  list-style: square outside;
}

Результат:

Прыклад

А цяпер давайце ўстановім у ўласцівасці list-style відарыс для маркера і яго размяшчэнне ўнутры тэкставага поля:

html<ul>
  <li>list item</li>
  <li>list item</li>
  <li>list item</li>
  <li>list item</li>
  <li>list item</li>
</ul>

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

Результат: