CSS - imagen de estilo de lista

Descripción

La propiedad list-style-image define un puntero a un recurso de imagen que se utilizará como marcador para los elementos de la lista.

Valores posibles

uri- Un puntero a un recurso de imagen. Si la URL no se puede resolver, la propiedad se trata como si el valor no fuera ninguno.
none - No se debe utilizar ninguna imagen como marcador del elemento.

Se aplica a

Todos los elementos con visualización de list-item.

Sintaxis DOM

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

Ejemplo

Aquí está el ejemplo:

<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>

Esto producirá el siguiente resultado:

↰ Previous page