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    

Karakterjelek használata listajelként



Számozott listáknál felsorolásjelként használhatunk kört vagy négyzetet.

A listajel típusát ekkor is a list-style-type tulajdonságnál állíthatjuk be.

Karakterjelek használata listajelként:

kijelölő
{
list-style-type
:
kulcsszó;
}


1. Példa:

Forráskód



<style>
.telekor {
 list-style-type: disc;}
.ureskor {
 list-style-type:circle;}
.negyzet {
 list-style-type: square;}  
.nincs {
 list-style-type: none;} 
</style>     
...
<body>            
  <ul class="telekor">
    <li>disc</li>
    <li>disc</li>
    <li>disc</li>
  </ul>
  <ul class="ureskor">
    <li>circle</li>
    <li>circle</li>
    <li>circle</li>
  </ul>  
  <ul class="negyzet">
    <li>square</li>
    <li>square</li>
    <li>square</li>
  </ul> 
  <ol class="nincs">
    <li>none</li>
    <li>none</li>
    <li>none</li>
  </ol> 
</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_karakterjelek.html