1 / 16

Svojstva za uređivanje teksta

Svojstva za uređivanje teksta. 1. Boja teksta Svojstvo color Tri načina: imenom boje (red, navy , silver ) RGB vrijednošću boje( rgb (255,0, 0 )) hekhadekadnim brojem (#ff0000). color : red; color : rgb (255,0, 0 ); color : #ff0000;. 2. Veličina teksta apsolutna veličina:

mindy
Download Presentation

Svojstva za uređivanje teksta

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Svojstva za uređivanje teksta

  2. 1. Boja teksta Svojstvo color Tri načina: • imenom boje (red, navy, silver) • RGB vrijednošću boje(rgb(255,0,0)) • hekhadekadnim brojem (#ff0000)

  3. color: red; color: rgb(255,0,0); color: #ff0000;

  4. 2. Veličina teksta apsolutna veličina: font-size: 16px; relativna veličina: font-size: 150%;

  5. 3. Debljina slova svojstvo font-weight može biti: normal bold bolder lighter ili 100, 200, 300, 400, 500, 600 i 700. 400- normalna veličina 700-podebljano

  6. npr. font-weight: normal; font-weight: 400;

  7. 4. Oblik slova sa ili bez serifa bez serifa puno čitljivija sa –ukrasna za naslove npr font-family: arial, verdana, sans-serif; font-family:courier, serif;

  8. Svojstva za uređivanje elemenata • Pozadinska boja elemenata background-color: #ff0000; za paragraf po default-u širina 100% pretraživača, elementi pravokutni 2. Obrub elementa debljina obruba(najčešće u pikselima) vrste obruba(puna linija, točkasta linija) boja obruba

  9. npr. (puna linija 5px crna) border: 5px solid #000000; ili border-bottom: 5px solidblack;

  10. 3. Margina(razmak između dva elementa) margin: 10px; može biti: margin-top margin-right; margin-bottom; margin-left;

  11. npr. margin:10px 5px 10px 0px; 4. Padding (udaljenost html elementa od ruba) npr. padding: 10px; ili padding:5px 10px 5px 10px;

  12. 5. Širina i visina elementa Pretpostavljena širina većine elemenata je 100% širine <body>, tjširine prozora pretraživača. Širinu postavljate svakom elementu i to: -postavljanjem apsolutnih vrijednosti -postavljanjem relativnih vrijednosti

  13. npr width: 500px; width: 50%; ili height: 500px; height: 50%;

  14. Svojstvo overflowdefinira način na koji će se element ponašati u slučaju da u njemu postoji više sadržaja nego što je vrijednost visine. • Ako u paragrafu imate veću kol sadržaja nego što stane u definiranu vrijednost visine, pretraživač će ignorirati svojstvo height; npr. overflow:auto; (automatski postavlja scrollbar na potrebno mjesto i tako zadržavajući željenu visinu i širinu elementa)

  15. 6. Postavljanje pozadinske grafike elementu background-image -reletivna staza do grafike ili apsolutna staza do grafike -kao opciju možemo uključiti i položaj te ponavljanje grafike npr. background-image: url(slika1.jpg); (postavljanjem deklaracije elementu body rezultira ponavljajućom grafikom cijele stranice)

  16. background: url(zid2.jpg) no-repeat top; (slika na sredinu i ne ponavlja se)

More Related