La valeur calculée d'une propriété CSS est calculée à partir de la valeur spécifiée :
- En gérant les valeurs spéciales
inheritetinitial - En effectuant les calculs décrits dans la section « Valeur calculée » de chaque résumé de propriété.
Les calculs utilisés pour obtenir la valeur calculée correspondent généralement à la conversion des valeurs relatives (exprimées dans des unités relatives comme em ou en pourcentages) en valeur absolue.
Ainsi, si un élément possède les valeurs spécifiées suivantes font-size: 16px et padding-top: 2em. La valeur calculée de la propriété padding-top sera 32px (on double la taille de la police).
Cependant, pour certaines propriétés (celles où les pourcentages sont relatifs à quelque chose lié à la disposition comme width, margin-right, text-indent, et top), les valeurs spécifiées exprimées en pourcentages deviennent des valeurs calculées exprimées en pourcentages. De plus, les nombres sans unité utilisé pour la propriété line-height sont également utilisé comme valeurs calculées. Ces valeurs relatives sont résolues en valeurs absolues lorsqu'on détermine les valeurs utilisées.
Le principal intérêt de la valeur calculée (en dehors de la gestion du passage de la valeur spécifiée à la valeur utilisée) est l'héritage, notamment grâce au mot-clé inherit.
Notes
La méthode du DOM getComputedStyle() renvoie la valeur résolue qui correspond à la valeur calculée ou à la valeur utilisée selon la propriété.
Spécifications
| Spécification | État | Commentaires |
|---|---|---|
| CSS Level 2 (Revision 1) La définition de 'computed value' dans cette spécification. |
Recommendation | Définition initiale. |