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    

Betűk használata listajelként



Számozott listáknál felsorolásjelként használhatunk latin vagy görög betűket.

A betűk típusát a list-style-type tulajdonságnál állíthatjuk be.

Betűk használata listajelként:

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


1. Példa:

Forráskód



<style>
.k_latin {
 list-style-type: lower-latin;}
.k_latin_1 {
 list-style-type: lower-alpha;} 
.n_latin {
 list-style-type: upper-latin;}  
.n_latin1 {
 list-style-type: upper-alpha;} 
.k_gogrog {
 list-style-type: lower-greek;}  
</style>     
</head>
<body>            
  <ol class="k_latin">
    <li>lower-latin</li>
    <li>lower-latin</li>
    <li>lower-latin</li>
  </ol>
  <ol class="k_latin1">
    <li>lower-alpha</li>
    <li>lower-alpha</li>
    <li>lower-alpha</li>
  </ol>  
  <ol class="n_latin">
    <li>upper-latin</li>
    <li>upper-latin</li>
    <li>upper-latin</li>
  </ol> 
  <ol class="n_latin1">
    <li>upper-alpha</li>
    <li>upper-alpha</li>
    <li>upper-alpha</li>
  </ol> 
  <ol class="k_gogrog">
    <li>lower-greek</li>
    <li>lower-greek</li>
    <li>lower-greek</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_betuk.html