--- title: Valor Computado slug: Web/CSS/computed_value tags: - CSS - Guía - Iniciante - Web translation_of: Web/CSS/computed_value original_slug: Web/CSS/valor_computado ---
The computed value of a CSS property is computed from the specified value by:
The computation needed to reach the computed value for the property typically involves converting relative values (such as those in em
units or percentages) to absolute values.
For example, if an element has specified values font-size: 16px
and padding-top: 2em
, then the computed value of padding-top
is 32px
(double the font size).
However, for some properties (those where percentages are relative to something that may require layout to determine, such as width
, margin-right
, text-indent
, and top
), percentage specified values turn into percentage computed values. Additionally, unitless numbers specified on the line-height
property become the computed value, as specified. These relative values that remain in the computed value become absolute when the used value is determined.
The main use of the computed value (other than as a step between the specified value and used value) is inheritance, including the {{cssxref("inherit")}} keyword.
The {{domxref("Window.getComputedStyle", "getComputedStyle()")}} DOM API returns the {{cssxref("resolved_value", "resolved value")}}, which may either be the {{cssxref("computed_value", "computed value")}} or the {{cssxref("used_value", "used value")}}, depending on the property.
Especificações | Status | Comentário |
---|---|---|
{{SpecName("CSS2.1", "cascade.html#computed-value", "computed value")}} | {{Spec2("CSS2.1")}} | Especificação inicial |