Propiedad list-style

La propiedad list-style permite establecer simultáneamente el tipo de marcador list-style-type, la imagen list-style-image y su posición list-style-position para listas ul o ol.

El orden de las propiedades no importa.

Ejemplo

Establezcamos marcadores cuadrados para nuestra lista:

html<ul>
  <li>elemento de lista</li>
  <li>elemento de lista</li>
  <li>elemento de lista</li>
  <li>elemento de lista</li>
  <li>elemento de lista</li>
</ul>

cssul {
  list-style: square outside;
}

Результат:

Ejemplo

Ahora establezcamos en la propiedad list-style una imagen para el marcador y su posición dentro del campo de texto:

html<ul>
  <li>elemento de lista</li>
  <li>elemento de lista</li>
  <li>elemento de lista</li>
  <li>elemento de lista</li>
  <li>elemento de lista</li>
</ul>

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

Результат: