Что означает термин#
В свойстве font-size единица em отсчитывается от размера шрифта родителя. Это важное исключение: вложенные относительные размеры могут накапливаться. Для отступов em удобна, когда расстояние должно увеличиваться вместе с текстом конкретного компонента, а не со шрифтом всей страницы.
Практический пример#
У кнопки font-size: 20px и padding: 0.5em. Каждый внутренний отступ равен 10 CSS-пикселям. Если увеличить размер шрифта кнопки до 24px, отступ станет 12px. Эти числа — расчёт для заданных условий, а не рекомендация по универсальным размерам кнопок.
Как проверить#
Посмотрите вычисленные font-size и padding в DevTools. Для вложенных компонентов проверьте, от какого элемента наследуется размер текста. Увеличьте базовый шрифт в настройках и убедитесь, что подписи не обрезаются. Не путайте em с rem: второй вариант зависит от корневого элемента и решает другую задачу масштабирования.
Источники#
Проверены 23 октября 2026 г.. Официальные рекомендации отделены от наших примеров и результатов проверки.