Lastnost velikosti pisave v CSS se uporablja za določanje višine in velikosti pisave. Vpliva na velikost besedila elementa. Njegova privzeta vrednost je srednja in jo je mogoče uporabiti za vsak element. Vrednosti te nepremičnine vključujejo xx-majhen , majhna , x-majhen itd.

Sintaksa

 font-size: medium|large|x-large|xx-large|xx-small|x-small|small|; 

Velikost pisave je lahko relativna ali absolutna.

Absolutna velikost

Uporablja se za nastavitev besedila na določeno velikost. Pri uporabi absolutne velikosti ni mogoče spremeniti velikosti besedila v vseh brskalnikih. Koristno je, če poznamo fizično velikost izhoda.

Relativna velikost

Uporablja se za nastavitev velikosti besedila glede na sosednje elemente. Z relativno velikostjo je mogoče spreminjati velikost besedila v brskalnikih.

OPOMBA: Če ne definiramo velikosti pisave, je za običajno besedilo, kot so odstavki, privzeta velikost 16 slikovnih pik, kar je enako 1 em.

Velikost pisave s piksli

Ko nastavimo velikost besedila s piksli, potem nam to zagotovi popoln nadzor nad velikostjo besedila.

Primer

 #first { font-size: 40px; } #second { font-size: 20px; } <p id="first">This is a paragraph having size 40px.</p> <p id="second">This is another paragraph having size 20px.</p> 

Velikost pisave z em

Uporablja se za spreminjanje velikosti besedila. Večina razvijalcev raje v namesto slikovnih pik . Priporoča ga konzorcij svetovnega spleta (W3C). Kot je navedeno zgoraj, je privzeta velikost besedila v brskalnikih 16 slikovnih pik. Torej lahko rečemo, da je privzeta velikost 1em je 16 slikovnih pik .

primer formata json

Formula za izračun velikosti iz slikovnih pik do v je em = slikovnih pik/16 .

Primer

 #first { font-size: 2.5em; /* 40px/16=2.5em */ } #second { font-size: 1.875em; /* 30px/16=1.875em */ } #third { font-size: 0.875em; /* 14px/16=0.875em */ } <p id="first">First paragraph.</p> <p id="second">Second paragraph</p> <p id="third">Third Paragraph.</p> 

Odzivna velikost pisave

Velikost besedila lahko nastavimo z uporabo a enota vw , kar pomeni ' širina vidnega polja '. Pogled je velikost okna brskalnika.

1vw = 1 % širine vidnega polja.

Če je širina vidnega polja 50 cm, je 1vw enak 0,5 cm.

Primer

Prvi odstavek ima širino 5vw.

Drugi odstavek ima širino 10vw.

Velikost pisave z lastnostjo dolžine

Uporablja se za nastavitev velikosti pisave po dolžini. Dolžina je lahko v cm, px, pt itd. Negativne vrednosti dolžina lastnosti niso dovoljene v velikosti pisave.

Sintaksa

 font-size: length; 

Primer

 .length { color:red; font-size: 5cm; } <p class="length">A paragraph having length 5cm.</p>