Web-Programming.in.ua

Одиниці виміру в CSS

Привіт, в цій статті буде розглянута тема одиниць виміру в CSS. Зазвичай використовують 2-3 одиниці, але бути знайомими з усіма все таки варто. В цьому допоможе ця стаття.

Давайте напишимо деякий CSS код, в якому задамо розмір шрифу параграфу в 14 пунктів:

p {
    font-size: 14pt;
}

Саме pt - і є одиницеє виміру.

Ось табличка з усіма одиницями:

Одиниці виміру в CSS
Позначення Опис
px найдрібніша одиниця, видима на екрані.
em Розмір em залежить від розміру шрифту. Якщо стоїть 1.2em, то цей розмір більший в 1.5 раз, ніж розмір шрифту в даному елементі.
% Аналог em, але 100% = 12pt;
ex Це висота малої "x" поточного шрифту.
pt Пункти. 1pt = 1/72 дюйму.
сm Розмір в сантиметрах.
mm Розмір в міліметрах.
in Дюйми.1in = 2.54см.
pc Піка. 1pc = 12pt.

Майте на увазі, що px, em, %, ex - відносні одиниці, а всі інші - абсолютні.

Тепер, якщо ви в чужому коді зустрінете якусь з цих одиниць, Ви будете знати, що воно з себе представляє.

Тільки авторизовані користувачі можуть додавати коментарі.

Нагору