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