CSS <длина>

Относительные единицы длины указывают длину относительно другого свойства длины. Таблицы стилей, в которых используются относительные единицы могут быть более легко масштабируемыми при переносе значений из одной среды вывода в другую (например, масштабирование при переносе значений из среды дисплея компьютера в среду лазерного принтера).

[число]em

Значение рассчитывается относительно значения размера шрифта самого элемента (то есть, «1em» равен значению размера шрифта элемента). Исключение составляют случаи, когда «em» используется в значении свойства «font-size», в этом случае оно рассчитывается относительно значения размера шрифта родительского элемента. Эта единица может быть использована для вертикального или горизонтального измерения. (Данную единицу измерения также иногда в типографских текстах называют кегельной шпацией.)

«em» может принимать любое числовое значение (с или без десятичной точки). При этом для значений размеров шрифтов ‒ «em» может принимать только положительное числовое значение (с или без десятичной точки) включая «0».

margin: -0.95em;

[число]ex

Данная единица измерения так же иногда упоминается как «x-высота», так как она часто бывает равна высоте строчной (латинской) литеры «x» используемого шрифта. Несмотря на это, «ех» определяется даже для шрифтов, которые не содержат (латинской) буквы «х».

Значение рассчитывается относительно размера шрифта, используемого элементом. Исключение составляют случии, когда «ex» используется в значении свойства «font-size», в этом случае оно рассчитывается относительно размера шрифта родительского элемента.

«ex» может принимать любое числовое значение (с или без десятичной точки). При этом для значений размеров шрифтов ‒ «ex» может принимать только положительное числовое значение (с или без десятичной точки) включая «0».

padding: 2ex;

Абсолютные единицы длины фиксированы по отношению друг к другу, поэтому их использование полезно только в тех случаях, когда известна выводящая среда.

[число]px

Указывает величину размера в пикселях (1px ≊ 0.75pt).

font-size: 15px;

[число]in

Указывает величину размера в дюймах (1in = 2.54cm).

width: 0.2in;

[число]cm

Указывает величину размера в сантиметрах.

height: 0.4cm;

[число]mm

Указывает величину размера в миллиметрах.

margin: 4mm;

[число]pt

Указывает величину размера в точках/пунктах (от англ. "point" – «точка, пункт»; 1 точка используемая в CSS равна 1/72 дюйма).

padding: 11.3pt;

[число]pc

Указывает величину размера в пиках (от англ. "picas" – «пики»; 1pc = 12pt).

border-width: 0.9pc;