CSS: immagine in stile elenco

Descrizione

La proprietà list-style-image definisce un puntatore a una risorsa immagine che deve essere utilizzata come indicatore per gli elementi dell'elenco.

Possibili valori

  • uri- Un puntatore a una risorsa immagine. Se l'URL non può essere risolto, la proprietà viene trattata come se il valore fosse nessuno.

  • none - Nessuna immagine deve essere utilizzata come indicatore per l'elemento.

Si applica a

Tutti gli elementi con una visualizzazione di list-item.

Sintassi DOM

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

Esempio

Ecco l'esempio:

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

Questo produrrà il seguente risultato: