HTML5 + CSS3 logó
  WEBFEJLESZTÉS, WEBÁRUHÁZ KÉSZÍTÉS   Ingyenes elektronikus tananyag interaktív
weboldalak készítéséhez.
Custom Search
 
vissza VISSZA    
menü MENÜ    
ismét ISMÉT    
tovább TOVÁBB    

Képes listajelek



A list-style-image tulajdonsággal egy saját kép alkalmazható felsorolásjelként.

Képes listajelek megadása:

kijelölő
{
list-style-image
:
url('URL');
}


1. Példa:

Forráskód



<style>
ul
 {
  list-style-image: url('P_labda_17.png');
  font-size: 20px
 }
</style>     
...
<body>            
   <ul>
       <li>Elem</li>
       <li>Elem</li>
       <li>Elem</li>         
    </ul>
</body>
 

Eredmény*


* Az eredmény megjelenítése az Ön által használt böngészőtől függ.
A példakód külön ablakban is megtekinthető: css_lista_1.html