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

Вычисленное значение CSS-свойства вычисляется из указанного значения посредством:

  • Обработки специальных значений inherit и initial, а также
  • Выполнения вычислений необходимых для получения значения, описанного в строке "Обработка значения" в описании свойства.

Вычисления необходимые для получения вычисленного значения для свойства обычно включают в себя преобразование относительных значений (например, находящиеся в единицах em или в процентах) в абсолютные значения.

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

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

Основная сфера применения вычисленного значения (кроме как использования его как "шага" между указанным и используемым значением) является наследование, включая ключевое слово inherit.

Замечания

DOM API getComputedStyle() возвращает решённое значение, которое может быть либо вычисляемым или используемым значением, в зависимости от свойства.

Спецификации

Specification
Cascading Style Sheets Level 2 Revision 2 (CSS 2.2) Specification
# computed-value

Смотрите также