Размеры элементов в CSS указываются в относительных и абсолютных величинах.
Абсолютные единицы измерения:
- px (пиксель)
- in (дюйм)
- cm (сантиметр)
- mm (миллиметр)
- pt (пункт, один пункт равен 1/72 дюйма)
- pc (пика, одна пика равна 12 пунктам)
Относительные единицы измерения:
- em (размер шрифта текущего элемента)
- ex (высота символа «x»)
- ch (ширина символа «0» текущего элемента)
- rem (размер шрифта корневого элемента <html>)
- vw (1 % от ширины области просмотра)
- vh (1 % от высота области просмотра)
- vmin (1 % от меньшего значения ширины и высота области просмотра)
- vmax (1 % от большего значения высоты и ширины области просмотра)
Примеры:
1 2 3 |
321px 1.2em 5pt |
Единицы измерения нужно указывать всегда.