Вычисленное значение

Вычисленное значение свойства CSS — это значение, передаваемое от родительского элемента к дочернему при наследовании. Оно вычисляется из указанного значения следующим образом:

1. Обработка специальных значений inherit, initial, revert, revert-layer и unset.
2. Выполнение вычислений, необходимых для получения значения, описанного в строке «Вычисленное значение» в таблице определения свойства.

Вычисление вычисленного значения свойства обычно включает преобразование относительных значений (таких, как те, что в единицах em или процентах) в абсолютные значения. Например, если у элемента указаны значения font-size: 16px и padding-top: 2em, то вычисленное значение padding-top составляет 32px (удвоенный размер шрифта).

Однако для некоторых свойств (тех, где проценты относительны к чему-то, что может потребовать макета для определения, например width, margin-right, text-indent, и top), значения, заданные в процентах, преобразуются в вычисленные значения, заданные в процентах. Кроме того, безразмерные числа, указанные для свойства line-height, становятся вычисленным значением, как указано. Относительные значения, которые остаются в вычисленном значении, становятся абсолютными, когда определяется используемое значение.