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ő kép (list-style-image) tulajdonság

Előfordulhat, hogy egy listához érdekesebb jelölőt szeretnél használni, mint amire a list-style-type tulajdonság lehetőséget ad. Ilyen esetben egy általad készített kép lehet a jelölő, amit a list-style-image tulajdonság segítségével csatolhatsz a weboldaladhoz.

Lehetséges értékei:
  • none: nincs kép. Ilyen esetben a list-style-type aktuális értéke fogja megszabni a jelölő típusát.
  • url: a listajelölő kép elérési útvonala
  • inherit: az érték a szülő elemtől öröklődik

A tulajdonság értéke automatikusan öröklődik.

Az alapérték: none.

Az alábbi példában ugyan az a lista látható, mint ami az ul elem példájában, de a listajelölő egy kép. Az ul elem stíluslapja:

ul {list-style-image: url("arrow.gif")}

Ami ilyen megjelenést eredményez:

  • A lista első eleme.
  • A lista második eleme.
  • A lista harmadik eleme.

Lista jelölő pozíció (list-style-position) tulajdonság »