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

Одиниці виміру можна розділити на три групи.

Перша група - це величини, які використовуються для вимірювання довжин реальних предметів. До них відносяться:
  • in - дюйми;
  • cm - сантиметри;
  • mm - міліметри.
Друга група - величини, які прийшли в CSS з друкарні. Тобто вони використовуються для установки розмірів шрифту, міжрядкових інтервалів і інших друкарських величин. Використовуються в поліграфії. До них відносяться:
  • pt - типографський пункт;
  • pc - піку;
  • ex - висота малої літери "x" в шрифті.
Третя група - величини, які є відносними, тобто реальний розмір елемента обчислюється щодо будь-якої іншої величини. До них відносяться:
  • em - обчислюється щодо розміру шрифту елемента;
  • px - піксель. Обчислюється щодо пристрою відображення;
  • % - відсоток. Процентні співвідношення обчислюються щодо розмірів елемента-предка.

Реальні одиниці виміру

Реальні одиниці виміру добре працюють в фізичному світі, але для використання на екрані монітора вони мало придатні. так як монітори мають різні фізичні параметри. До них відносяться:
  • розмір монітора по діагоналі (змінюється від 14 дюймів до 21 дюйма)
  • дозвіл монітора (варіюється від 640х480 до 1280х1024)

На різних платформах можуть бути різні екранні дозволи. Так, наприклад, на платформі Macintosh дозвіл 72 пікселя на дюйм, на платформі Windows - 96 пікселів на дюйм.

Зображення на екрані монітора будується на основі пікселів. Піксель є мінімальною одиницею виміру. тобто не буває величини 0.5 пікселя.

Щоб відобразити на екрані два дюйма, операційна система переводить реальну величину в пікселі. Вступають в розрахунок всі перераховані вище фактори: фізичні розміри монітора, дозвіл монітора, екранне дозвіл.

Виходячи з усього цього, можна зробити простий висновок: використання в CSS реальних одиниць виміру вкрай обмежене. Використовувати реальні одиниці вимірювання можна тільки в тому випадку, коли відомі параметри пристрою виведення. Таким пристроєм може бути принтер, тому що для нього відомі геометричні розміри сторінки і дозвіл (наприклад, 300 точок на дюйм і сторінка формату А4). Немає великого сенсу використовувати реальні одиниці для друку.

Друкарські одиниці

Друкарські одиниці виміру для дизайнера навіть звичніше, ніж реальні одиниці, тому що вони стикаються з ними повсюдно, в будь-якому графічному пакеті розмір шрифту задається за допомогою пунктів (pt). Пункти (pt) і піки (pc) нічим не відрізняються від реальних одиниць виміру. Це стає зрозуміло, якщо згадати, що таке пункт. Один пункт дорівнює 1/72 дюйма, а піка дорівнює 12 пунктам, тобто 1/6 дюйма. Таким чином, на використання даних типографських величин накладається абсолютно таке ж обмеження, як і на використання реальних величин. Тому використовувати пункти і піки треба тільки в тій таблиці стилів, яка призначається для виведення сторінки на друк.

Для принтера дійсно краще використовувати друкарські одиниці, тому що вони для нього є рідними.

Крім пунктів і пік є ще одна друкарська одиниця - ex. яка відповідає висоті малої букві "x". На відміну від всіх попередніх одиниць, ця одиниця є відносною. Відносні одиниці незамінні в гумовій верстці, коли головним є збереження пропорцій. Що стосується висоти букви "x", то вона може значно варіюватися від шрифту до шрифту.

У більшості шрифтів висоти букви "x" дорівнює половині висоти шрифту. однак у деяких декоративних шрифтів може становити всього одну третину від висоти шрифту.

Для чого можна використовувати одиницю виміру, яка базується на висоті букви "x"? Область застосування даної одиниці досить вузька. Її переважно використовувати для вирівнювання по вертикалі, щоб точно вирівняти будь-якої блок по лінії тексту. Можна робити рамки, відступи і поля шириною по висоті тексту.