logó WEBFEJLESZTÉS, WEBÁRUHÁZ KÉSZÍTÉS
Ingyenes elektronikus tananyag interaktív weboldalak készítéséhez.

CSS3 listák

Programozott tananyag:


Képes listajelek
A list-style-image tulajdonsággal egy saját kép alkalmazható felsorolásjelként.

Számozás
A számformátumok beállítása.

Betűk használata listajelként
A betűformátumok beállítása listajelekben.

Karakterjelek használata listajelként
Grafikus karakterek (kör, négyzet) beállítása listajelekben.

A felsorolásjel helyzete
A felsorolásjel helyzetének beállítása. (list-style-position)

Beágyazott számozás
A felsorolás minden szintjéhez egy-egy számlálót rendelve több szintű számozással jeleníthetjük meg, a nyomtatott könyvek tartalomjegyzékében megszokott módon.

Lista használata menüben
Az a elemek formázásával hozhatunk létre állandó szélességű és magasságú, tetszetős hátterű menüpontokat. Az li a: {display: block,} beállítás mellett.

Inline lista (Menüsor)
Az előző oldalon megismert menü menüsorrá alakítható, ha a listaelemeket inline elemmé alakítjuk a li {display:inline,} stílusdeklarációval.

CSS lista-
tulajdonságok
a tananyagban


list-style-image CSS1
list-style-type CSS1
list-style-position CSS1

Ahogy a legtöbb honlap, ez a webhely is használ sütiket a weboldalain.