Вычисленное значение 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()
возвращает решённое значение
, которое может быть либо вычисляемым
или используемым
значением, в зависимости от свойства.
Спецификации
Спецификация | Статус | Комментарий |
---|---|---|
CSS Level 2 (Revision 1) Определение 'computed value' в этой спецификации. |
Рекомендация | Изначальное определение |
Смотрите также
- Руководство по CSS
- Ключевые концепции CSS: Синтаксис CSS, @-правила, комментарии, специфичность и наследование, блочная модель, режимы компоновки и модели визуального форматирования, схлопывание отступов, начальные, вычисленные, решённые, указанные, используемые и действительные значения. Синтаксис определения значений, сокращённые свойства и замещаемые элементы.