Valeur calculée
La valeur calculée d'une propriété CSS est calculée à partir de la valeur définie :
- En gérant les valeurs spéciales
inherit
,initial
,unset
etrevert
. - 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és pour la propriété line-height
sont également utilisés 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
.
Note :
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
Specification |
---|
Cascading Style Sheets Level 2 Revision 2 (CSS 2.2) Specification # computed-value |