Единица |
Описание |
Пример |
% |
Определяет размер в процентах относительно другого значения, обычно являющегося родительским элементом. |
p {font-size: 16pt; line-height: 125%;} |
cm |
Размер в сантиметрах |
div {margin-bottom: 2cm;} |
em |
Относительный размер высоты шрифта. Один em эквивалентен текущему размеру данного шрифта в родительском элементе, если вы назначаете шрифт 12pt, каждый элемент «em» будет 12pt; Таким образом, 2em будет 24pt.
|
p {letter-spacing: 7em;} |
rem | Относительный размер высоты шрифта. Один rem эквивалентен текущему размеру данного шрифта в корневом элементе странички.
|
|
ex |
Это значение определяет размер относительно высоты x шрифта. Высота x определяется высотой строчной буквы x шрифта. |
p {font-size: 24pt; line-height: 3ex;} |
in |
Размер в дюймах (inches ) |
p {word-spacing: .15in;} |
mm |
Размер в миллиметрах |
p {word-spacing: 15mm;} |
pc |
Определяет измерение в пиках (picas). Пика эквивалентна 12 пойнтам (points). Таким образом, в одном дюйме 6 рик.
|
p {font-size: 20pc;} |
pt |
Размер в пойнтах (points). Один пойнт = 1/72-я часть дюйма. |
body {font-size: 18pt;} |
px |
Размер - в пикселях (screen pixels). |
p {padding: 25px;} |
vh |
1% от высоты viewport. |
h2 { font-size: 3.0vh; } |
vw |
1% от ширины viewport |
h1 { font-size: 5.9vw; } |
vmin |
1vw или 1vh, выбирается то значение, которое меньше |
p { font-size: 2vmin;} |