Proprietatea font-size, css

proprietate font-size vă permite să specificați dimensiunea textului CSS. Ea afectează nu numai fontul, care este folosit, dar este, de asemenea, folosit pentru a calcula em unități. rem și ex.

font-size pot fi luate ca valori cuvinte cheie, unități sau procent. Este important de remarcat faptul că, în contextul utilizării fontului de proprietate prescurtare. font-size este o valoare obligatorie. În cazul în care nu este specificat, întreaga linie de cod va fi ignorat.

Valorile de lungime (px. em. rem. ex și t. d.) utilizate în proprietate font-size. nu poate fi negativă.

chei și valori absolute

Proprietatea, care este stabilit în dimensiunea CSS textului, să ia următoarele cuvinte cheie:

• xx-small;
• X-mic;
• mici;
• mediu;
• mare;
• x-mare;
• xx-mare.

Aceste denumiri determină dimensiunile relative ale textului CSS. browser-ul calculat. Dar puteți utiliza, de asemenea, cele două valori-cheie, care sunt calculate în raport cu dimensiunea fontului elementului părinte.

Printre alte valori absolute pot fi distinse mm (milimetri), cm (centimetri), in (inci), pt (puncte) și PC (vârfuri). Un pt este egal cu 1/72 dintr-un inch sau un vârf este egal cu 12 contează. De obicei, aceste unități sunt utilizate în documentele tipărite.

Desemnarea cheie relativă

De exemplu, în cazul în care proprietatea font-size în elementul părinte este setat mic. atunci elementul copil cu relativa valoare mai mare dimensiune de text CSS HTML va fi mai mult.

desemnarea de interes

Procentajele ca font-size, cu o valoare de 110%, de asemenea, sunt relative și depind de mărimea fontului elementului părinte. Vă sugerăm să aruncăm o privire la demo.

Unitatea de măsură le

Unitate de masura le este relativă, și se calculează în funcție de dimensiunea CSS textului în elementul părinte. Acest lucru înseamnă că copiii sunt întotdeauna dependente de părinte. De exemplu:

În exemplul de mai sus, punctul va fi setat font-size 16p x, de la 1 x 16 = 16px. precum și dimensiunea de text antet CSS HTML va fi utilizat 32px. începând cu 2 x 16 = 32px. Există un avantaj pentru a specifica dimensiunea, concentrându-se pe elementul părinte. Deci, putem încadra elementele în containere și asigurați-vă că toate elementele de copil vor fi întotdeauna în raport cu celălalt:

Unitatea de măsurare rem

În ceea ce privește unitatea de rem. aici font-size depinde întotdeauna de valoarea elementului rădăcină (sau elementul html).

In exemplul de mai sus rem este 16px (deoarece această valoare este moștenită din elementul html) și, în consecință, dimensiunea textului CSS pentru toate elementele paragraf va fi 24px (1,5 x 16 = 24). Spre deosebire de em-unitățile secțiune va ignora toate elementele de stil părinte, cu excepția rădăcinii.

Acest aparat acceptă următoarele browsere:

Unitatea ex

1EX înălțime egală cu literă mică x în fontul utilizat. In exemplul de mai jos, html-membru este montat pe 20px. și toate celelalte dimensiuni sunt definite ca înălțime x anumit font.

Experiment cu procesul de mai sus, înlocuind familia de fonturi în html-membru și schimbând astfel dimensiunea textului CSS.

Adică, dacă ne uităm la următorul exemplu:

Aceste unități sunt susținute de următoarele browsere: