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    

Számozás



Számozott listáknál felsorolásjelként használhatunk arab (kicsi/nagy), római (kicsi/nagy) grúz vagy örmény számjegyeket.

A számjegyek típusát a list-style-type tulajdonságnál állíthatjuk be.

Számozás:

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


1. Példa:

Forráskód



<style>
.decimalis {
 list-style-type: decimal;}
.decimalis2szj {
 list-style-type: decimal-leading-zero;} 
.kisromai {
 list-style-type: lower-roman;}  
.nagyromai {
 list-style-type: upper-roman;} 
.gruz {
 list-style-type: georgian;}  
.ormeny {
 list-style-type: armenian;}   
</style>     
...
<body>            
  <ol class="decimalis">
    <li>decimal</li>
    <li>decimal</li>
    <li>decimal</li>
  </ol>
  <ol class="decimalis2szj">
    <li>decimal-leading-zero</li>
    <li>decimal-leading-zero</li>
    <li>decimal-leading-zero</li>
  </ol>  
  <ol class="kisromai">
    <li>lower-roman</li>
    <li>lower-roman</li>
    <li>lower-roman</li>
  </ol> 
  <ol class="nagyromai">
    <li>upper-roman</li>
    <li>upper-roman</li>
    <li>upper-roman</li>
  </ol> 
  <ol class="gruz">
    <li>georgian</li>
    <li>georgian</li>
    <li>georgian</li>
  </ol>
  <ol class="ormeny">
    <li>armenian</li>
    <li>armenian</li>
    <li>armenian</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_szamozas.html