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