CSS - list-style-image

Descrição

A propriedade list-style-image define um ponteiro para um recurso de imagem que deve ser usado como marcador para itens da lista.

Valores possíveis

uri- Um ponteiro para um recurso de imagem. Se a URL não puder ser resolvida, a propriedade será tratada como se o valor fosse nenhum.
none - Nenhuma imagem deve ser usada como um marcador para o elemento.

Aplica-se a

Todos os elementos com uma exibição de item de lista.

Sintaxe DOM

object.style.listStyleImage = "/images/bullet.gif"

Exemplo

Aqui está o exemplo -

<html>
   <head>
   </head>
   
   <body>
      <ul>
         <li style = "list-style-image: url(/images/bullet.gif);">Maths</li>
         <li>Social Science</li>
         <li>Physics</li>
      </ul>
      
      <ol>
         <li style = "list-style-image: url(/images/bullet.gif);">Maths</li>
         <li>Social Science</li>
         <li>Physics</li>
      </ol>
   </body>
</html>

Isso produzirá o seguinte resultado -

↰ Previous page