Nyitó

Gyorstalpaló

Tervezés

HTML

CSS

Sablonok

Bevezetés

Szintaktika

Doboz modell

Pozicionálás

Szöveg formázása

Színek

Méretek

Táblázatok

Listák

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.

Vízszintes menü kialakítása listából »