CSS listák

Lehetőségek

Érték Leírás
list-style-type lista típusa
list-style-position lista pozíciója
list-style-image listajelölő kép
marker-offset  


list-style-image - Kép listajelölőként

Érték Leírás
none nincs, de az alapértelmezett típus megmarad
url A kép elérhetősége

list-style-position - listajelölő helye

Érték Leírás
inside inside
outside outside

list-style-type - A listajelölő típusa

Érték Leírás
none nincs
disc korong
circle gyűrű
square kocka
decimal decimal
decimal-leading-zero decimal-leading-zero
lower-roman lower-roman
upper-roman upper-roman
lower-alpha lower-alpha
upper-alpha upper-alpha
lower-greek lower-greek
lower-latin lower-latin
upper-latin upper-latin
hebrew hebrew
armenian armenian
georgian georgian
cjk-ideographic cjk-ideographic
hiragana hiragana
katakana katakana
hiragana-iroha hiragana-iroha
katakana-iroha katakana-iroha

A lenyíló listák segítségével kipróbálhatod a listák CSS által nyújtott lehetőségeit. Ha bármelyiken változtatsz, akkor a jobb oldali ablakban egyből megjelenik az eredmény. A bal oldal alján pedig látható a stílus definició utasításai.

Kérem a listajelölő képet:

Kérem a helyzetét:

Kérem a típusát:
  

<style type="text/css">
  ul {
    list-style-image:
    list-style-position:
    list-style-type:
  }
</style>

Nem minden böngésző támogat minden típust, ha nem támogatja, akkor valamivel helyettesíti azt.
A típus változtatás alapfeltétele, hogy a "Listajelölő kép" nincs kép állapoton legyen, különben a kép jelenik meg a lista előtt. Bármilyen képet beilleszthetsz, de a méretekre figyelni kell.

ugrás a lap tetejére