Propriedade list-style

A propriedade list-style permite definir simultaneamente o tipo de marcador list-style-type, a imagem list-style-image e sua posição list-style-position para listas ul ou ol.

A ordem das propriedades não importa.

Exemplo

Vamos definir marcadores quadrados para nossa lista:

html<ul>
  <li>item da lista</li>
  <li>item da lista</li>
  <li>item da lista</li>
  <li>item da lista</li>
  <li>item da lista</li>
</ul>

cssul {
  list-style: square outside;
}

Результат:

Exemplo

Agora vamos definir na propriedade list-style uma imagem para o marcador e sua posição dentro do campo de texto:

html<ul>
  <li>item da lista</li>
  <li>item da lista</li>
  <li>item da lista</li>
  <li>item da lista</li>
  <li>item da lista</li>
</ul>

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

Результат: