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:
<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>
ul {
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:
<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>
ul {
list-style: url("li.gif") inside;
}
:
