HTML5 + CSS3 logó
  WEBFEJLESZTÉS, WEBÁRUHÁZ KÉSZÍTÉS   Ingyenes elektronikus tananyag interaktív
weboldalak készítéséhez.
Custom Search
 
menü MENÜ    

CSS3 stíluslapok készítése

CSS3 listák


    A listák fontos szerepet töltenek meg a tartalom strukturált megjelenítésében, a menük készítésben.                         

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