Ligjërata 5 në www 5.pdf · Elementi style Stilet të cilat vendosen në elementin style...
Transcript of Ligjërata 5 në www 5.pdf · Elementi style Stilet të cilat vendosen në elementin style...
![Page 1: Ligjërata 5 në www 5.pdf · Elementi style Stilet të cilat vendosen në elementin style përdorin selektorët për aplikimin e elementeve në të gjithë dokumentin Atributi typespecifikon](https://reader036.fdocuments.net/reader036/viewer/2022070711/5eca6ac6bb58ce548949efdc/html5/thumbnails/1.jpg)
Ligjërata 5
Prof.Ass.Dr. Ermir Rogova
![Page 2: Ligjërata 5 në www 5.pdf · Elementi style Stilet të cilat vendosen në elementin style përdorin selektorët për aplikimin e elementeve në të gjithë dokumentin Atributi typespecifikon](https://reader036.fdocuments.net/reader036/viewer/2022070711/5eca6ac6bb58ce548949efdc/html5/thumbnails/2.jpg)
Cascading Style Sheets 3 (CSS3) ◦ Përdoret për të specifikuar prezentimin e elementeve
veçmas nga struktura e dokumentit.
Validuesi CSS jigsaw.w3.org/css-validator/
◦ Kjo vegël na ndihmon për tu siguruar që kodin e kemi
korrekt dhe që do të funksionojë në shfletues që
mbështesin CSS3.
Prof.Dr.Ermir Rogova 2
![Page 3: Ligjërata 5 në www 5.pdf · Elementi style Stilet të cilat vendosen në elementin style përdorin selektorët për aplikimin e elementeve në të gjithë dokumentin Atributi typespecifikon](https://reader036.fdocuments.net/reader036/viewer/2022070711/5eca6ac6bb58ce548949efdc/html5/thumbnails/3.jpg)
Stilimi Inline◦ Deklaron formatin e një elementi individual duke përdorur
atributin style.
Shembulli në vijim aplikon stilimin inline në elementin p (paragraf) për të ndryshuar madhësinë dhe ngjyrën e fontit (shkronjave).
Çdo atribut CSS pasohet me : dhe me vlerën e atributit◦ Deklarimet e disa atributeve ndahen me pikpresje (;)
Prof.Dr.Ermir Rogova 3
![Page 4: Ligjërata 5 në www 5.pdf · Elementi style Stilet të cilat vendosen në elementin style përdorin selektorët për aplikimin e elementeve në të gjithë dokumentin Atributi typespecifikon](https://reader036.fdocuments.net/reader036/viewer/2022070711/5eca6ac6bb58ce548949efdc/html5/thumbnails/4.jpg)
Prof.Dr.Ermir Rogova 4
![Page 5: Ligjërata 5 në www 5.pdf · Elementi style Stilet të cilat vendosen në elementin style përdorin selektorët për aplikimin e elementeve në të gjithë dokumentin Atributi typespecifikon](https://reader036.fdocuments.net/reader036/viewer/2022070711/5eca6ac6bb58ce548949efdc/html5/thumbnails/5.jpg)
Prof.Dr.Ermir Rogova 5
![Page 6: Ligjërata 5 në www 5.pdf · Elementi style Stilet të cilat vendosen në elementin style përdorin selektorët për aplikimin e elementeve në të gjithë dokumentin Atributi typespecifikon](https://reader036.fdocuments.net/reader036/viewer/2022070711/5eca6ac6bb58ce548949efdc/html5/thumbnails/6.jpg)
Atributi color përcakton ngjyrën e tekstit
Për vlerat e atributit color mund të përdoren emrat apo kodet heksadecimale të ngjyrave.
Shembulli në vijim paraqet bashkësinë e ngjyrave standarde në HTML.
Lista komplete e ngjyrave standarde dhe atyre të zgjeruara mund të gjendet në adresënwww.w3.org/TR/css3-color/
Prof.Dr.Ermir Rogova 6
![Page 7: Ligjërata 5 në www 5.pdf · Elementi style Stilet të cilat vendosen në elementin style përdorin selektorët për aplikimin e elementeve në të gjithë dokumentin Atributi typespecifikon](https://reader036.fdocuments.net/reader036/viewer/2022070711/5eca6ac6bb58ce548949efdc/html5/thumbnails/7.jpg)
Prof.Dr.Ermir Rogova 7
![Page 8: Ligjërata 5 në www 5.pdf · Elementi style Stilet të cilat vendosen në elementin style përdorin selektorët për aplikimin e elementeve në të gjithë dokumentin Atributi typespecifikon](https://reader036.fdocuments.net/reader036/viewer/2022070711/5eca6ac6bb58ce548949efdc/html5/thumbnails/8.jpg)
Një teknikë tjetër për përdorimin e CSS është
embedded style sheets, apo stilizimi i integruar.
Kjo teknikë mundëson integrimin e një dokumenti
CSS3 në sektorin kokë (head) të dokumentit
HML5.
Shembulli në vijim përdor një stilizim të integruar
të përbërë nga katër stile.
Prof.Dr.Ermir Rogova 8
![Page 9: Ligjërata 5 në www 5.pdf · Elementi style Stilet të cilat vendosen në elementin style përdorin selektorët për aplikimin e elementeve në të gjithë dokumentin Atributi typespecifikon](https://reader036.fdocuments.net/reader036/viewer/2022070711/5eca6ac6bb58ce548949efdc/html5/thumbnails/9.jpg)
Prof.Dr.Ermir Rogova 9
![Page 10: Ligjërata 5 në www 5.pdf · Elementi style Stilet të cilat vendosen në elementin style përdorin selektorët për aplikimin e elementeve në të gjithë dokumentin Atributi typespecifikon](https://reader036.fdocuments.net/reader036/viewer/2022070711/5eca6ac6bb58ce548949efdc/html5/thumbnails/10.jpg)
Prof.Dr.Ermir Rogova 10
![Page 11: Ligjërata 5 në www 5.pdf · Elementi style Stilet të cilat vendosen në elementin style përdorin selektorët për aplikimin e elementeve në të gjithë dokumentin Atributi typespecifikon](https://reader036.fdocuments.net/reader036/viewer/2022070711/5eca6ac6bb58ce548949efdc/html5/thumbnails/11.jpg)
Prof.Dr.Ermir Rogova 11
![Page 12: Ligjërata 5 në www 5.pdf · Elementi style Stilet të cilat vendosen në elementin style përdorin selektorët për aplikimin e elementeve në të gjithë dokumentin Atributi typespecifikon](https://reader036.fdocuments.net/reader036/viewer/2022070711/5eca6ac6bb58ce548949efdc/html5/thumbnails/12.jpg)
Elementi style Stilet të cilat vendosen në elementin style përdorin selektorët për
aplikimin e elementeve në të gjithë dokumentin
Atributi type specifikon tipin MIME (formatin specifik të enkodimit).
CSS përdor tipin text/css
Shembulli në vijin paraqet një listë të tipeve MIME që përdoren më së shumti.
Lista komplete mund të gjendet në adresën : ◦ www.w3schools.com/media/media_mimeref.asp
Prof.Dr.Ermir Rogova 12
![Page 13: Ligjërata 5 në www 5.pdf · Elementi style Stilet të cilat vendosen në elementin style përdorin selektorët për aplikimin e elementeve në të gjithë dokumentin Atributi typespecifikon](https://reader036.fdocuments.net/reader036/viewer/2022070711/5eca6ac6bb58ce548949efdc/html5/thumbnails/13.jpg)
Prof.Dr.Ermir Rogova 13
![Page 14: Ligjërata 5 në www 5.pdf · Elementi style Stilet të cilat vendosen në elementin style përdorin selektorët për aplikimin e elementeve në të gjithë dokumentin Atributi typespecifikon](https://reader036.fdocuments.net/reader036/viewer/2022070711/5eca6ac6bb58ce548949efdc/html5/thumbnails/14.jpg)
Në pjesen e stilimit deklarohen rregullat CSS.
Për të arritur ndarjen në mes të kodit CSS3 dhe HTML5, përdoret CSS selector i cili specifikon elementet të cilat do të stilizohen sipas rregullës.
Elementi em indikon që përmbajtja duhet të theksohet.
Secila rregull në stilim është e përmbledhur në kllapat gjarpërore { dhe }.
Prof.Dr.Ermir Rogova 14
![Page 15: Ligjërata 5 në www 5.pdf · Elementi style Stilet të cilat vendosen në elementin style përdorin selektorët për aplikimin e elementeve në të gjithë dokumentin Atributi typespecifikon](https://reader036.fdocuments.net/reader036/viewer/2022070711/5eca6ac6bb58ce548949efdc/html5/thumbnails/15.jpg)
Atributi font-weight specifikon trashësinë e tekstit.
Vlerat e mundshme janë:◦ bold
◦ normal (e parazgjedhur)
◦ bolder (më e trashë se bold)
◦ lighter (më e hollë se teksti normal)
◦ Trashësia mund të specifikohet edhe me shumfishë të
100shit, prej 100 deri 900 (p.sh., 100, 200, …, 900).
◦ Tekti normal është i barabartë me 400, dhe teksti bold
është i barabartë me 700.
Prof.Dr.Ermir Rogova 15
![Page 16: Ligjërata 5 në www 5.pdf · Elementi style Stilet të cilat vendosen në elementin style përdorin selektorët për aplikimin e elementeve në të gjithë dokumentin Atributi typespecifikon](https://reader036.fdocuments.net/reader036/viewer/2022070711/5eca6ac6bb58ce548949efdc/html5/thumbnails/16.jpg)
Klasat Style
Deklarimet e klasave style paraprihen nga pika (.).
Ato definojnë stile të cilat mund të aplikohen në
cilindo element.
Në shembulli e kaluar klasa special jep tekstit
ngyrë vjollcë.
Ne mund poashtu të deklarojmë selektorë id.
Nëse një element në faqe ka një id, ne mund ta
deklarojmë një selektor në formën #elementId për
të specifikuar stilin e atij elementi.
Prof.Dr.Ermir Rogova 16
![Page 17: Ligjërata 5 në www 5.pdf · Elementi style Stilet të cilat vendosen në elementin style përdorin selektorët për aplikimin e elementeve në të gjithë dokumentin Atributi typespecifikon](https://reader036.fdocuments.net/reader036/viewer/2022070711/5eca6ac6bb58ce548949efdc/html5/thumbnails/17.jpg)
Atributi font-family
atributi font-family specifikon emrin e fontit që
duhet të përdoret.◦ Familjet gjenerike të fonteve lejojnë autorët të
specifikojnë një tip të fontit në vend se një font specifik,
në rast se shfletuesi nuk mund ta paraqesë fontin
specifik.
Prof.Dr.Ermir Rogova 17
![Page 18: Ligjërata 5 në www 5.pdf · Elementi style Stilet të cilat vendosen në elementin style përdorin selektorët për aplikimin e elementeve në të gjithë dokumentin Atributi typespecifikon](https://reader036.fdocuments.net/reader036/viewer/2022070711/5eca6ac6bb58ce548949efdc/html5/thumbnails/18.jpg)
Prof.Dr.Ermir Rogova 18
![Page 19: Ligjërata 5 në www 5.pdf · Elementi style Stilet të cilat vendosen në elementin style përdorin selektorët për aplikimin e elementeve në të gjithë dokumentin Atributi typespecifikon](https://reader036.fdocuments.net/reader036/viewer/2022070711/5eca6ac6bb58ce548949efdc/html5/thumbnails/19.jpg)
Atributi font-size
atributi font-size përcakton madhësinë e fontit të
paraqitur.
Mund të përdorim madhësi me pika ose vlera
relative si xx-small, x-small, small, smaller,
medium, large, larger, x-large and xx-large.
Vlerat relative preferohen ndaj pikave, sepse
autori nuk e di madhësitë specifike të monitorëve
të secilit client.
Vlerat relative lejojnë shikim më fleksibil të faqeve.
Prof.Dr.Ermir Rogova 19
![Page 20: Ligjërata 5 në www 5.pdf · Elementi style Stilet të cilat vendosen në elementin style përdorin selektorët për aplikimin e elementeve në të gjithë dokumentin Atributi typespecifikon](https://reader036.fdocuments.net/reader036/viewer/2022070711/5eca6ac6bb58ce548949efdc/html5/thumbnails/20.jpg)
Atributi text-decoration aplikon dekorime në
tekstion e një elementi
Vlerat e mundshme janë:underline
overline
line-through
blink
Prof.Dr.Ermir Rogova 20
![Page 21: Ligjërata 5 në www 5.pdf · Elementi style Stilet të cilat vendosen në elementin style përdorin selektorët për aplikimin e elementeve në të gjithë dokumentin Atributi typespecifikon](https://reader036.fdocuments.net/reader036/viewer/2022070711/5eca6ac6bb58ce548949efdc/html5/thumbnails/21.jpg)
Shembulli në vijim paraqet një rast të trashëgimisë
në të cilin elementi fëmijë (em) trashëgon atributin
font-size nga elementi prind (p).
Mirpo elementi fëmijë ka atributin color që bie
ndesh me atë të prindit.
Atributet e definuar për elementet fëmijë janë më
specifike se ato për elementet prindër.
Konfliktet zgjidhen në favor të atributeve më
specifike, pra në këtë rast stilimi i elementit fëmijë
ka përparësi.
Prof.Dr.Ermir Rogova 21
![Page 22: Ligjërata 5 në www 5.pdf · Elementi style Stilet të cilat vendosen në elementin style përdorin selektorët për aplikimin e elementeve në të gjithë dokumentin Atributi typespecifikon](https://reader036.fdocuments.net/reader036/viewer/2022070711/5eca6ac6bb58ce548949efdc/html5/thumbnails/22.jpg)
Prof.Dr.Ermir Rogova 22
![Page 23: Ligjërata 5 në www 5.pdf · Elementi style Stilet të cilat vendosen në elementin style përdorin selektorët për aplikimin e elementeve në të gjithë dokumentin Atributi typespecifikon](https://reader036.fdocuments.net/reader036/viewer/2022070711/5eca6ac6bb58ce548949efdc/html5/thumbnails/23.jpg)
Prof.Dr.Ermir Rogova 23
![Page 24: Ligjërata 5 në www 5.pdf · Elementi style Stilet të cilat vendosen në elementin style përdorin selektorët për aplikimin e elementeve në të gjithë dokumentin Atributi typespecifikon](https://reader036.fdocuments.net/reader036/viewer/2022070711/5eca6ac6bb58ce548949efdc/html5/thumbnails/24.jpg)
Prof.Dr.Ermir Rogova 24
![Page 25: Ligjërata 5 në www 5.pdf · Elementi style Stilet të cilat vendosen në elementin style përdorin selektorët për aplikimin e elementeve në të gjithë dokumentin Atributi typespecifikon](https://reader036.fdocuments.net/reader036/viewer/2022070711/5eca6ac6bb58ce548949efdc/html5/thumbnails/25.jpg)
Prof.Dr.Ermir Rogova 25
![Page 26: Ligjërata 5 në www 5.pdf · Elementi style Stilet të cilat vendosen në elementin style përdorin selektorët për aplikimin e elementeve në të gjithë dokumentin Atributi typespecifikon](https://reader036.fdocuments.net/reader036/viewer/2022070711/5eca6ac6bb58ce548949efdc/html5/thumbnails/26.jpg)
Pseudoklasat na japin qasje në përmbajtjen e cila
nuk është deklaruar në dokument.
pseudoklasa hover aktivizohet kur shfrytëzuesi
vendos kursorin mbi një element.
Prof.Dr.Ermir Rogova 26
![Page 27: Ligjërata 5 në www 5.pdf · Elementi style Stilet të cilat vendosen në elementin style përdorin selektorët për aplikimin e elementeve në të gjithë dokumentin Atributi typespecifikon](https://reader036.fdocuments.net/reader036/viewer/2022070711/5eca6ac6bb58ce548949efdc/html5/thumbnails/27.jpg)
Madhësitë relative:◦ px (pikselat – madhësia ndryshon në bazë të rezolucionit të
ekranit)
◦ em (fonti që është në përdorim p.sh. 2em = font me madhësi 2 here më të madhe se ai i zakonshmi)
◦ ex (gjysma e fontit në përdorim)
◦ Përqindjet (e fontit në përdorim)
Madhësitë absolute:◦ in (inç)
◦ cm (centimetër)
◦ mm (milimetër)
◦ pt (poena; 1 pt = 1/72 in)
◦ pc (pika; 1 pc = 12 pt)
Prof.Dr.Ermir Rogova 27
![Page 28: Ligjërata 5 në www 5.pdf · Elementi style Stilet të cilat vendosen në elementin style përdorin selektorët për aplikimin e elementeve në të gjithë dokumentin Atributi typespecifikon](https://reader036.fdocuments.net/reader036/viewer/2022070711/5eca6ac6bb58ce548949efdc/html5/thumbnails/28.jpg)
Fletët e jashtme të stilimit janë dokumente të veqanta që përmbajnë vetëm rregulla CSS.
Ndihmojnë në krijimin e një pamje uniforme për një web sajt◦ Faqe të ndryshme mund të përdorin të njëjtin stil.
◦ Modifikimi i një dokumenti të vetëm stilimi bën ndryshime stilistike të të gjithë sajtit.
Kur nevojiten ndryshime në stilim, mjafton modifikimi i një fajli të vetëm CSS për të bërë ndryshim stili te të gjitha ato faqe të cilat përdorin ato stile.
Prof.Dr.Ermir Rogova 28
![Page 29: Ligjërata 5 në www 5.pdf · Elementi style Stilet të cilat vendosen në elementin style përdorin selektorët për aplikimin e elementeve në të gjithë dokumentin Atributi typespecifikon](https://reader036.fdocuments.net/reader036/viewer/2022070711/5eca6ac6bb58ce548949efdc/html5/thumbnails/29.jpg)
Shembulli në vijim paraqet një fletë të jashtme
stilimi.
Komentet CSS mund të vendosen në cilindo tip tp
codit CSS (Stilimi në inline, stilimi i integruar dhe
fletët e jashtme stilimi) dhe gjithmonë fillojnë me
/* dhe përfundojnë me */.
Prof.Dr.Ermir Rogova 29
![Page 30: Ligjërata 5 në www 5.pdf · Elementi style Stilet të cilat vendosen në elementin style përdorin selektorët për aplikimin e elementeve në të gjithë dokumentin Atributi typespecifikon](https://reader036.fdocuments.net/reader036/viewer/2022070711/5eca6ac6bb58ce548949efdc/html5/thumbnails/30.jpg)
Prof.Dr.Ermir Rogova 30
![Page 31: Ligjërata 5 në www 5.pdf · Elementi style Stilet të cilat vendosen në elementin style përdorin selektorët për aplikimin e elementeve në të gjithë dokumentin Atributi typespecifikon](https://reader036.fdocuments.net/reader036/viewer/2022070711/5eca6ac6bb58ce548949efdc/html5/thumbnails/31.jpg)
Shembulli në vijim përmban një dokument HTML5
i cili i referohet një flete të jashtme stilimi.
elementi link ◦ Përdor atributin rel për të specifikuar marrëdhënien në
mes të dy dokumenteve
◦ atributi rel deklaron që dokumenti i lidhur është fletë
stilimi për dokumentin
atributi type specifikon MIME tipin e dokumentit të
referuar
atributi href siguron URL-në e dokumentit stilizues
Prof.Dr.Ermir Rogova 31
![Page 32: Ligjërata 5 në www 5.pdf · Elementi style Stilet të cilat vendosen në elementin style përdorin selektorët për aplikimin e elementeve në të gjithë dokumentin Atributi typespecifikon](https://reader036.fdocuments.net/reader036/viewer/2022070711/5eca6ac6bb58ce548949efdc/html5/thumbnails/32.jpg)
Prof.Dr.Ermir Rogova 32
![Page 33: Ligjërata 5 në www 5.pdf · Elementi style Stilet të cilat vendosen në elementin style përdorin selektorët për aplikimin e elementeve në të gjithë dokumentin Atributi typespecifikon](https://reader036.fdocuments.net/reader036/viewer/2022070711/5eca6ac6bb58ce548949efdc/html5/thumbnails/33.jpg)
Prof.Dr.Ermir Rogova 33
![Page 34: Ligjërata 5 në www 5.pdf · Elementi style Stilet të cilat vendosen në elementin style përdorin selektorët për aplikimin e elementeve në të gjithë dokumentin Atributi typespecifikon](https://reader036.fdocuments.net/reader036/viewer/2022070711/5eca6ac6bb58ce548949efdc/html5/thumbnails/34.jpg)
Prof.Dr.Ermir Rogova 34
![Page 35: Ligjërata 5 në www 5.pdf · Elementi style Stilet të cilat vendosen në elementin style përdorin selektorët për aplikimin e elementeve në të gjithë dokumentin Atributi typespecifikon](https://reader036.fdocuments.net/reader036/viewer/2022070711/5eca6ac6bb58ce548949efdc/html5/thumbnails/35.jpg)
Prof.Dr.Ermir Rogova 35
![Page 36: Ligjërata 5 në www 5.pdf · Elementi style Stilet të cilat vendosen në elementin style përdorin selektorët për aplikimin e elementeve në të gjithë dokumentin Atributi typespecifikon](https://reader036.fdocuments.net/reader036/viewer/2022070711/5eca6ac6bb58ce548949efdc/html5/thumbnails/36.jpg)
Atributi position në CSS ◦ Mundëson pozicionimin absolut, i cili jep kontroll mbi
vendqëndrimin e elementeve në faqe
◦ Zakonisht elementet pozicionohen në faqe sipas rënditjes
së tyre në HTML5
◦ Specifikimi i pozitës absolute të një elementi, e largon atë
nga rrjedha normale e elementeve në faqe dhe e
pozicionon atë sipas distancës nga margjinat e elementit
prind
Prof.Dr.Ermir Rogova 36
![Page 37: Ligjërata 5 në www 5.pdf · Elementi style Stilet të cilat vendosen në elementin style përdorin selektorët për aplikimin e elementeve në të gjithë dokumentin Atributi typespecifikon](https://reader036.fdocuments.net/reader036/viewer/2022070711/5eca6ac6bb58ce548949efdc/html5/thumbnails/37.jpg)
Prof.Dr.Ermir Rogova 37
![Page 38: Ligjërata 5 në www 5.pdf · Elementi style Stilet të cilat vendosen në elementin style përdorin selektorët për aplikimin e elementeve në të gjithë dokumentin Atributi typespecifikon](https://reader036.fdocuments.net/reader036/viewer/2022070711/5eca6ac6bb58ce548949efdc/html5/thumbnails/38.jpg)
Prof.Dr.Ermir Rogova 38
![Page 39: Ligjërata 5 në www 5.pdf · Elementi style Stilet të cilat vendosen në elementin style përdorin selektorët për aplikimin e elementeve në të gjithë dokumentin Atributi typespecifikon](https://reader036.fdocuments.net/reader036/viewer/2022070711/5eca6ac6bb58ce548949efdc/html5/thumbnails/39.jpg)
Prof.Dr.Ermir Rogova 39
![Page 40: Ligjërata 5 në www 5.pdf · Elementi style Stilet të cilat vendosen në elementin style përdorin selektorët për aplikimin e elementeve në të gjithë dokumentin Atributi typespecifikon](https://reader036.fdocuments.net/reader036/viewer/2022070711/5eca6ac6bb58ce548949efdc/html5/thumbnails/40.jpg)
Atributi z-index lejon zhvilluesin të shtresojë
elemente të mbivendosura
Elementet me vlerë më të lartë të z-index
paraqiten përpara elementeve me vlerë më të ultë
të z-index
Prof.Dr.Ermir Rogova 40
![Page 41: Ligjërata 5 në www 5.pdf · Elementi style Stilet të cilat vendosen në elementin style përdorin selektorët për aplikimin e elementeve në të gjithë dokumentin Atributi typespecifikon](https://reader036.fdocuments.net/reader036/viewer/2022070711/5eca6ac6bb58ce548949efdc/html5/thumbnails/41.jpg)
Shembulli në vijim demonstron pozicionimin
relativ, në të cilin elementet pozicionohen në
pozita relative ndaj elementeve të tjera
Prof.Dr.Ermir Rogova 41
![Page 42: Ligjërata 5 në www 5.pdf · Elementi style Stilet të cilat vendosen në elementin style përdorin selektorët për aplikimin e elementeve në të gjithë dokumentin Atributi typespecifikon](https://reader036.fdocuments.net/reader036/viewer/2022070711/5eca6ac6bb58ce548949efdc/html5/thumbnails/42.jpg)
Prof.Dr.Ermir Rogova 42
![Page 43: Ligjërata 5 në www 5.pdf · Elementi style Stilet të cilat vendosen në elementin style përdorin selektorët për aplikimin e elementeve në të gjithë dokumentin Atributi typespecifikon](https://reader036.fdocuments.net/reader036/viewer/2022070711/5eca6ac6bb58ce548949efdc/html5/thumbnails/43.jpg)
Prof.Dr.Ermir Rogova 43
![Page 44: Ligjërata 5 në www 5.pdf · Elementi style Stilet të cilat vendosen në elementin style përdorin selektorët për aplikimin e elementeve në të gjithë dokumentin Atributi typespecifikon](https://reader036.fdocuments.net/reader036/viewer/2022070711/5eca6ac6bb58ce548949efdc/html5/thumbnails/44.jpg)
Prof.Dr.Ermir Rogova 44
![Page 45: Ligjërata 5 në www 5.pdf · Elementi style Stilet të cilat vendosen në elementin style përdorin selektorët për aplikimin e elementeve në të gjithë dokumentin Atributi typespecifikon](https://reader036.fdocuments.net/reader036/viewer/2022070711/5eca6ac6bb58ce548949efdc/html5/thumbnails/45.jpg)
CSS mund të kontrollojë sfondin e elementeve
duke shtuar:◦ Ngjyra
◦ Imazhe
Shembulli në vijim shton një logo në këndin e
djathtë të poshtëm të dokumentit.
Kjo logo qëndron e fiksuar në kënd edhe atëherë
kur shfrytëzuesi lëviz posht e lartë në përmbajtjen
e faqes, si dhe kur dritares së shfletuesit i
ndërrojnë dimezionet.
Prof.Dr.Ermir Rogova 45
![Page 46: Ligjërata 5 në www 5.pdf · Elementi style Stilet të cilat vendosen në elementin style përdorin selektorët për aplikimin e elementeve në të gjithë dokumentin Atributi typespecifikon](https://reader036.fdocuments.net/reader036/viewer/2022070711/5eca6ac6bb58ce548949efdc/html5/thumbnails/46.jpg)
Prof.Dr.Ermir Rogova 46
![Page 47: Ligjërata 5 në www 5.pdf · Elementi style Stilet të cilat vendosen në elementin style përdorin selektorët për aplikimin e elementeve në të gjithë dokumentin Atributi typespecifikon](https://reader036.fdocuments.net/reader036/viewer/2022070711/5eca6ac6bb58ce548949efdc/html5/thumbnails/47.jpg)
Prof.Dr.Ermir Rogova 47
![Page 48: Ligjërata 5 në www 5.pdf · Elementi style Stilet të cilat vendosen në elementin style përdorin selektorët për aplikimin e elementeve në të gjithë dokumentin Atributi typespecifikon](https://reader036.fdocuments.net/reader036/viewer/2022070711/5eca6ac6bb58ce548949efdc/html5/thumbnails/48.jpg)
Prof.Dr.Ermir Rogova 48
![Page 49: Ligjërata 5 në www 5.pdf · Elementi style Stilet të cilat vendosen në elementin style përdorin selektorët për aplikimin e elementeve në të gjithë dokumentin Atributi typespecifikon](https://reader036.fdocuments.net/reader036/viewer/2022070711/5eca6ac6bb58ce548949efdc/html5/thumbnails/49.jpg)
Atributi background-image
Specifikon URL-në e imazhit, në formatin
url(fileLocation)
Atributi background-position
Vendos imazhin në faqe duke përdorur vlerat
individiale për top, bottom, center, left dhe
right ose në kombinim për pozicionim vertikal
dhe horizontal.
Prof.Dr.Ermir Rogova 49
![Page 50: Ligjërata 5 në www 5.pdf · Elementi style Stilet të cilat vendosen në elementin style përdorin selektorët për aplikimin e elementeve në të gjithë dokumentin Atributi typespecifikon](https://reader036.fdocuments.net/reader036/viewer/2022070711/5eca6ac6bb58ce548949efdc/html5/thumbnails/50.jpg)
Atributi background-repeat
atributi background-repeat controllon përsëritjen e
imazhin në sfond◦ no-repeat paraqet vetëm një kopje të imazhit
◦ repeat e përsërit imazhin horizontalisht dhe vertikalisht
◦ repeat-x përsërit imazhin vetëm horizontalisht
◦ repeat-y përsërit imazhin vetëm vertikalisht
Prof.Dr.Ermir Rogova 50
![Page 51: Ligjërata 5 në www 5.pdf · Elementi style Stilet të cilat vendosen në elementin style përdorin selektorët për aplikimin e elementeve në të gjithë dokumentin Atributi typespecifikon](https://reader036.fdocuments.net/reader036/viewer/2022070711/5eca6ac6bb58ce548949efdc/html5/thumbnails/51.jpg)
Atributi background-attachment: fixed
Fikson imazhin në pozitën e specifikuar nga
atributi background-position.
Lëvizja lartë e poshtë në përmbajtjen e faqes nuk
do ta lëvizë imazhin prej pozitës së përcaktuar
Vlera e paracaktuar, scroll, lëviz imazhin kur
me shfrytëzuesi lëviz përmbajtjen
Prof.Dr.Ermir Rogova 51
![Page 52: Ligjërata 5 në www 5.pdf · Elementi style Stilet të cilat vendosen në elementin style përdorin selektorët për aplikimin e elementeve në të gjithë dokumentin Atributi typespecifikon](https://reader036.fdocuments.net/reader036/viewer/2022070711/5eca6ac6bb58ce548949efdc/html5/thumbnails/52.jpg)
Atributi text-indent
Indenton rreshtin e parë të tekstit në sasinë e
caktuar
Atributi font-style
Mundëson përcaktimin e tekstit si italic ose
oblique
Prof.Dr.Ermir Rogova 52
![Page 53: Ligjërata 5 në www 5.pdf · Elementi style Stilet të cilat vendosen në elementin style përdorin selektorët për aplikimin e elementeve në të gjithë dokumentin Atributi typespecifikon](https://reader036.fdocuments.net/reader036/viewer/2022070711/5eca6ac6bb58ce548949efdc/html5/thumbnails/53.jpg)
Prof.Dr.Ermir Rogova 53