Одиниці виміру CSS використовуються для вказівки величини в різних властивостях. Вони діляться на абсолютні і відносні.
абсолютні одиниці
До абсолютних одиницях виміру відносяться сантиметри (cm), міліметри (mm) і дюйми (in). Не дивлячись на те, що вони призначені для однакового відображення елементів на веб-сторінці, браузер не завжди може точно обчислити фізичний розмір дисплея або монітора, тому на різних пристроях елементи можуть мати різні розміри.
Зазвичай ці одиниці вимірювання використовуються при вказівці розміру для виведення сторінок на друк.
Друкарські одиниці
До друкарським одиницях виміру відносяться точки (pt) і піки (pc). Точка (1pt) має фіксований розмір 1/72 дюйма, в той час як піку (1pc) дорівнює 1/6 дюйма (1pc = 12pt). Ці дві одиниці виміру найбільш корисні в стилях, написаних для друкованих версій документів, а не для використання на екранах.
Відносні одиниці
До відносних одиницях виміру відносяться пікселі (px) і відсотки (%). Відсоток - одиниця виміру, яка не має безпосередньо ніякого відношення до розміру шрифту в елементі або до розміру самого елемента. Величина властивості, встановлена у відсотках, безпосередньо залежить від величини цього ж властивості, встановленого для батьківського елемента. Наприклад, розмір шрифту задається щодо розміру шрифту батьківського елементу, також висота і ширина виражається у відсотках щодо висоти і ширини області вмісту батьківського елемента.
Шріфтозавісімие відносні одиниці
Двома додатковими відносними одиницями виміру є em і ex. Em - висота поточного шрифту, ex - висота символу "х" в нижньому регістрі зазначеного шрифту.
Як і відсотки, em є поширеною одиницею виміру, яку зазвичай використовують для установки розміру шрифту для тексту на веб-сторінці.
В CSS3 введені дві додаткові одиниці виміру: rem і ch. Rem - розмір шрифту кореневого елементу (), Вона може використовуватися замість em для запобігання впливу розмірів шрифту одного з батьків або предків на розмір шрифту поточного елементу.
Одиниця ch дорівнює ширині символу нуль (0) шрифту елемента. Її використання може бути корисним для визначення ширини поля, що містить текст, тому що 1ch приблизно відповідає одному символу.
Одиниця ch підтримується тільки в Chrome 27+, Firefox 19+ і IE9. Rem підтримується в Chrome 4+, Firefox 3.6+, IE9 +, Safari 4.1+ і Opera 11.6+.
Значення одиниць вимірювання
Значення не обов'язково повинні бути вказані в якості цілих чисел, їх можна вказувати також і у вигляді десяткових дробів. Деякі властивості також дозволяють вказувати негативні величини в якості значень.