Demo-примеры сайта dnzl.ru - Примеры измерения расстояния (длины) в CSS

Перейти обратно к статье Единицы измерения длины в CSS

50% - проценты
400px - пиксели
20em - относительная единица
20rem - корневой (от html) em
15vw - ширина области просмотра
60vh - высота области просмотра
60vmin - smaller of vw or vh
60vmax - larger of vw or vh
4in - дюймы (1 дюйм равен 2,54 см)
20cm - сантиметры
200mm - миллиметры
120pt - пункт (1 пункт равен 1/72 дюйма)
40pc - пика (1 пика равна 12 пунктам)
60ex - x-высота
60ch - зависит от ширины символа (0)

Em и дочерние элементы

hi
hi
hi

Ex и разные значения у свойства font-family