CSS – Osobine fonta

 –  aลพurirano:  –  

Kao ลกto veฤ‡ znate, CSS (Cascade Style Sheets) – kaskadni stilovi vam pomaลพu u definisanju izgleda web stranica na ekranu, ลกtampaฤu… Zbog svega ovoga, u ovom prilogu ฤ‡emo vam predstaviti sve atribute (i njihove opcije) koje moลพemo da upotrebimo u definisanju jedne klase.

Predstaviฤ‡emo vam pet najvaลพnijih atributa, a to su:

  • font-family
    Ovaj atribut odreฤ‘uje izgled celokupnog teksta (font face) unutar jednog bloka. Ovde se moลพe upotrebiti bilo koji naziv fonta, ali prikazaฤ‡e se samo oni fontovi koje korisnik – posetilac ima instalirane na svom kompjuteru. Da bi ublaลพili i kompenzovali ovaj nedostatak, postoji pet generiฤkih fontova koje obezbeฤ‘uje CSS: serif, sans-serif, cursive, fantasy i monospace. Ovaj atribut moลพe da se primeni na bilo koji HTML tag koji u sebi sadrลพi tekst. Sintaksa je sledeฤ‡a: 


    
font-family: „Podrazumevani font“, „Sekundarni font“, „Genericki font“;

  • font-style
    Ovim atributom menjamo stil kojim se jedan font prikazuje. Postoje tri razliฤite opcije za prikaz stila fonta:
    • normal — normalni tekst, bez stilizacije, font se verno prikazuje.
    • italic — kreira standardni italic tekst, a koristi se za supstituciju HTML taga.
    • oblique — kreira oblique tekst stil, koji je vrlo sliฤan italic stilu. Nije podrลพan od Netscape Navigator-a, a Internet Explorer ga tretira kao italic tekst.
    Atribut moลพe biti primenjen na sve HTML tagove koji mogu da sadrลพe tekst, a sintaksa je: 


    
font-style: ‘normal/ italic/ oblique’;

  • font-weight
    Ova osobina menja tamnoฤ‡u prikaza teksta unutar jednog bloka, koristeฤ‡i tri razliฤite moguฤ‡nosti za postizanje rezultata. Prvi pristup je standardni descriptive (opisni) prikaz fonta, tu spadaju dve opcije, a to su normal i bold. Drugi pristup koristi brojeve za opis „debljine“ fonta. Dijapazon se kreฤ‡e od 100 do 900, za po stotinu, i gde 400 i 500 predstavljaju normalni font a 700 standardni bold font. Sintaksa je sledeฤ‡a: 


    
font-weight: ‘descriptive/numbers/relative’;

  • font-size
    Ova osobina podeลกava veliฤinu fonta odreฤ‘enog bloka teksta. Postoje tri naฤina za podeลกavanje vrednosti:
    • Apsolutna veliฤina — kojom se odreฤ‘uje veliฤina u pointima (taฤkama).
    • Opisne reฤi — veliฤina fonta se specifikuje navoฤ‘enjem opisnih reฤi. Ove kljuฤne, opisne reฤi su: xx-small, x-small, small, medium, large, x-large, xx-large.
    • Relativna veliฤina — veliฤina fonta, koja je realtivna u odnosu na browser. Kljuฤne reฤi su:smaller i larger.
    Atribut se moลพe koristiti sa svakim tagom koji podrลพava tekst. Sintaksa je sledeฤ‡a: 


    
  font-size: ##pt.;

Pratite Krstaricu na www.krstarica.com