Свойство 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;
}

Результат: