Valor calculado


Sumario

El valor computed value de una propiedad CSS es computado a partir de specified value de la siguiente forma:

  • Mediante los valores especiales inherit y initial, y
  • Realizando el c├│mputo necesario para alcanzar el valor descrito en la l├şnea de "Computed value" del sumario de la propiedad.

El cálculo necesario para el "Computed value" de una propiedad, normalmente implica convertir valores relativos (como los expresados en unidades 'em' o en porcentajes) a valores absolutos.

Por ejemplo: si un elemento tiene un valor especificado de font-size: 16px y padding-top: 2em, el valor computado de padding-top es 32px (el doble del tama├▒o de la fuente).

Sin embargo, para algunas propiedades (aquellas con porcentajes relativos a algo que necesita un formato para ser determinados, tales como width, margin-right, text-indent, y top) los valores especificados en porcentajes se tornan valores computados. Ademas,los n├║meros especificados sin unidades en la propiedad line-height se convierten en valores computados, seg├║n se especifica. Estos valores relativos que quedan tras realizar el c├│mputo, se hacen absolutos cuando se determina el used value.

El uso principal de computed value (ademas de ser un paso de transici├│n entre specified value y used value) es inheritance, incluyendo la palabra clave inherit.

Notas

La API DOM getComputedStyle devuelve used value, en lugar de computed value.

Ver tambi├ęn