CSS:computed value

De MDC

<< Volver

[editar] Resumen

El valor calculado de una propiedad CSS se calcula a partir del valor especificado por:

• la manipulación de los valores especiales heredado y inicial, y
• los cálculos necesarios para alcanzar el valor descrito en la línea "valor calculado" del resumen de la propiedad.

Los cálculos necesarios para alcanzar el "valor calculado" de la propiedad, implica la conversión de valores relativos (como los expresados en unidades 'em' o en porcentajes) en valores absolutos.

Por ejemplo: si un elemento tiene especificados los valores font-size: 16px y padding-top: 2em, el valor calculado de padding-top será 32px (el doble del tamaño de fuente).

Sin embargo, para algunas propiedades (aquellas dónde los porcentajes son relativos a algo que requiere ser determinado antes, como width, margin-right, text-indent y top), los valores especificados en porcentajes son convertidos en valores calculados.

Además, los números expresados sin unidades en la propiedad line-height se convierten en valor calculado, según se especificó. Los valores relativos que permanecen en valor calculado se convierten en absolutos cuando se determinan los valores utilizados.

EL uso principal del valor calculado (otro que como un paso entre el valor especificado y el valor utilizado) es la herencia, incluida la palabra clave heredado.

[editar] Notas

La API de DOM getComputedStyle devuelve el valor utilizado, no el valor calculado.

[editar] Ver también

Valor especificado, Valor utilizado, Valor actual