Unitățile CSS sunt folosite pentru a indica valoarea în diferite proprietăți. Ele sunt împărțite în absolută și relativă.
Unități absolute
Unitățile absolute de măsură sunt centimetri (cm), milimetri (mm) și inci (in). În ciuda faptului că sunt proiectate să afișeze aceleași elemente pe pagina web, browserul nu poate calcula cu exactitate dimensiunea fizică a afișajului sau a monitorului, astfel încât pe dispozitive diferite elementele pot avea dimensiuni diferite.
În mod obișnuit, aceste unități sunt utilizate când se specifică dimensiunea pentru imprimarea paginilor.
Unități de imprimare
Unitățile tipografice de măsurare includ punctele (pt) și picurile (pc). Punctul (1pt) are o dimensiune fixă de 1/72 inch, în timp ce vârful (1pc) este 1/6 inch (1pc = 12pt). Aceste două unități de măsură sunt cele mai utile în stilurile scrise pentru versiunile tipărite ale documentelor și nu pentru utilizarea pe ecrane.
Unități relative
Unitățile relative de măsură includ pixeli (px) și procente (%). Procentul este o unitate de măsură care nu se referă direct la dimensiunea fontului în element sau la dimensiunea elementului însuși. Valoarea proprietății, stabilită în procente, depinde direct de valoarea aceluiași set de proprietăți pentru elementul părinte. De exemplu, dimensiunea fontului este setată în funcție de dimensiunea fontului elementului părinte, de asemenea, înălțimea și lățimea sunt exprimate ca procent din înălțimea și lățimea zonei de conținut a elementului părinte.
Unități relative dependente de font
Cele două unități relative suplimentare sunt em și ex. Em este înălțimea fontului curent, ex este înălțimea caracterului "x" în literele mici ale fontului specificat.
Ca procentaj, em este o unitate comună de măsură, care este folosită în mod obișnuit pentru a seta dimensiunea fontului pentru text pe o pagină Web.
În CSS3, sunt introduse două unități suplimentare de măsură: rem și ch. Rem - dimensiunea fontului elementului rădăcină (), acesta poate fi folosit în loc de em pentru a împiedica mărimea fontului părintelui sau a strămoșilor să influențeze dimensiunea fontului elementului curent.
Unitatea ch este egală cu lățimea caracterului zero (0) al fontului elementului. Utilizarea sa poate fi utilă pentru determinarea lățimii unui câmp care conține text, deoarece 1ch corespunde aproximativ unui caracter.
Unitatea ch este acceptată numai în Chrome 27+, Firefox 19+ și IE9. Rem este acceptat în Chrome 4+, Firefox 3.6+, IE9 +, Safari 4.1+ și Opera 11.6+.
Valori unitare
Valorile nu trebuie specificate ca numere întregi, ele pot fi indicate și ca zecimale. Unele proprietăți vă permit de asemenea să specificați valori negative ca valori.