is_реклам:

пошук, категорії та ін. показати ▼

CSS одиниці виміру px, em, pt, %

CSS одиниці виміру px, em, pt, %
автор опубліковано

В CSS існує багато різних способів вимірювати відступи, розмір шрифтів, елементів і т.д. У всьому цьому різноманітті легко заплутатись, якщо не знати, що і як. Так от:

px - задання розмірів з допомогою пікселів. Корисний тим, що можна з високою точністю задавати розміри об'єктів. 1 піксель - 1 точка екрану. Використовується частіше для позиціонування елементв документа;

em - відносні одиниці виміру, 1 em рівний значенню font-size;

pt - пункти, використовуються в типографії і частіше для задання шрифтів. 1pt=1/72 in - константа;

% - всім відомі відсотки, насправді це аналог em, також розраховується від поточного значення font-size;

cm - тут все просто, звичайні сантиметри;

mm - ну а це мілліметри;

in - дюйми.

Приклад

якщо font-size дорівнює 12pt, то:
1em = 100% = 12pt

схоже за тегами

Коментарів 2

  1. Привіт! Мені цікаво, яка з цих одиниць використовується за замовчуванням? Проценти?

    • dnister.lark пише:

      Привіт!
      За замовчування базовою одиницею виміру є розмір шрифта докумета (font-size) і в різних система числення він має наступні значення:
      100%
      1em
      16px
      12pt
      medium

Залишити коментар:

Яндекс цитирования UA TOP Bloggers