mozilla

Valeur calculée

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 inherit et initial
  • 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 à utilisée 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.

Notes

L'API DOM getComputedStyle retourne la valeur utilisée, pas la valeur calculée.

Voir également

Étiquettes et contributeurs liés au document

Étiquettes : 
Contributeurs à cette page : teoli, Fredchat, FredB, Mgjbot, Kyodev
Dernière mise à jour par : teoli,
Masquer la barre latérale