Listák - Lista jelölő pozíció
(list-style-position) tulajdonság
A list-style-position tulajdonság adja meg, hogy a listajelölő
hol helyezkedjen el a szöveghez képest.
Lehetséges értékei:
- inside: jelölő a szövegen belül
- outside: jelölő a szövegen kívül
- inherit: az érték a szülő elemtől öröklődik
Automatikus öröklődés: igen
Alapérték: outside
Az első példában a tulajdonság értéke
outside. Az ehhez tartozó CSS kód:
ul.pelda1 {list-style-position: outside}
Ami egy ilyen megjelenést eredményez:
- Az első listaelem, ami azért ennyire hosszú szöveg, hogy látszódjon a különbség a
list-style-position lehetséges értékei között.
- A második listaelem szintén egy hosszú szöveg, azért, hogy látszódjon a különbség a
list-style-position lehetséges értékei között.
Szövegen belüli jelölő beállításának a
stíluslapja:
ul.pelda2 {list-style-position: inside}
Ami a következő módon jelenik meg:
- Az első listaelem, ami azért ennyire hosszú szöveg, hogy látszódjon a különbség a
list-style-position lehetséges értékei között.
- A második listaelem szintén egy hosszú szöveg, azért, hogy látszódjon a különbség a
list-style-position lehetséges értékei között.
|
|