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    

A felsorolásjel helyzete



A felsorolásjelek helyzete a list-style-position tulajdonság segítségével állítható be.

Lehetséges értékei:

outside: a listajelek kilógnak a felsorolás tartalmi részét tartalmazó dobozból. Ez az alapértelmezett beállítás.

inside: a listajelek a felsorolás tartalmi részét tartalmazó dobozban helyezkednek el.

A felsorolásjel helyzetének beállítása:

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


1. Példa:

Forráskód



<style>
.kilogo {
   list-style-position:outside;width:150px;}
.nem_log_ki {
   list-style-position:inside;width:150px;}
li {border:1px solid black;}  
</style>     
….
<body>            
   <p>Outside:</p>
   <ul class="kilogo">
     <li>outside</li>
     <li>outside</li>
     <li>outside</li>
   </ul>
   <p>Inside:</p>
   <ul class="nem_log_ki">
     <li>inside</li>
     <li>inside</li>
     <li>inside</li>
  </ul>
</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_felsorolasjel_helyzete.html