CSS:Valeur calculée
Un article de MDC.
[modifier] Résumé
La valeur calculée d'une propriété CSS est calculée à partir de la valeur spécifiée par :
- la manipulation des valeurs spéciales
inheritetinitial - les calculs nécessaires pour atteindre la valeur décrite à la ligne « Valeur calculée » dans le résumé de la propriété.
Les calculs nécessaires pour atteindre la valeur décrite à la ligne « Valeur calculée » de la propriété implique de convertir les valeurs relatives (telles que celles en pourcentage ou les unités em) en valeurs absolues.
Par exemple, si un élément a des valeurs spécifiées font-size: 16px et padding-top: 2em, alors la valeur calculée de padding-top est 32px (le double de la taille de la fonte).
Cependant, pour certaines propriétés (celles pour lesquelles les pourcentages sont relatifs à quelque chose dont l'affichage peut devoir être déterminé auparavant, telles que width, margin-right, text-indent, et top), les valeurs de pourcentage spécifiées sont converties en valeurs de pourcentage calculées.
De plus, les nombres sans unité (NdT: ratio avec l'interligne normale) spécifiés dans la propriété line-height deviennent la valeur calculée, tel que spécifié. Ces valeurs relatives, qui restent en valeurs calculées, deviennent des valeurs absolues lorsque la valeur à utiliser est définie.
La principale utilisation de la valeur calculée (autre que comme étape entre la valeur spécifiée et la valeur utilisée) est l'héritage, induit par le mot clef inherit.
[modifier] Notes
L'API DOM getComputedStyle retourne la valeur utilisée, pas la valeur calculée.