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.
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