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