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