CSS Liste

undo redo

Šta CSS može sa Listama?

U HTML dijelu smo već naučili dosta o listama, ali CSS omogućuje još neke korisne postavke.

CSS postavke omogućuju sljedeće:

 Postavljanje različitih oznaka za neodređene liste,

 Postavljanje različitih oznaka za određene liste,

 Postavljanje slike umjesto već postojećih oznaka,

 Promjena boje pozadine liste,

 Promjena pozicije oznake za liste,

 Uklanjanje default-nih postavki.

Oznake neodređenih lista

Oznake neodređenih lista se dodaju pomoću parametra list-style-type.

Vrijednosti parametra neodređenih lista mogu biti:

circle predstavlja prazan kružić

square predstavlja kockicu

disc predstavlja popunjen kružić (defoult)

Oznake određenih lista

Oznake određenih lista se također dodaju pomoću parametra list-style-type.

Vrijednosti parametra određenih lista mogu biti:

upper-alpha predstavlja velika slova

lower-alpha predstavlja mala slova

upper-roman predstavlja velika rimska

lower-roman predstavlja mala rimska

lower-greek predstavlja grčki alfabet

Slika kao oznaka liste

Postavljanje slike kao oznake neodređene liste se određuje parametrom list-style-image.

U vrijednost parametra se dodaje URL slike koja se treba postaviti.

Boja pozadine liste

CSS također omogućuava dodavanje boja listama, background-color za pozadinu i color za boju teksta.

Možete dodijeliti boju cijeloj listi, tako se što parametar background-color doda za ol ili ul element, a ako parametar background-color postavite u li element, onda će boja biti samo na individualnim članovima liste, odnosno li elementima.

Pozicija oznake

Pozicija oznake može biti postavljena inside ili outsite, a određuje se parametrom list-style-position.

Parametar outside označava da će oznaka liste biti postavljena izvan same liste, tj početak svake linije će se poravnati vertikalno ispred oznake za listu. Ovo je default vrijednost.

Uklanjanje defalut postavki

Na web stranicama se često koriste liste za razne menije i slično, ali pri tom nisu potrebne oznake ili margine i sl.

S obzirom da po default-u sve liste dobiju određene postavke, a to su margine, padding i oznaka liste (disk), pomoću CSS je moguće ukolniti sve te postavke, a da pri tom sadržaj ne gubi svoje svojstvo liste .

undo redo