Font: 14px/1 (pas d'unité ?)

Bonjour, sur disqus.com je vois les propriétés CSS suivantes :
http://puu.sh/ituL

font: 14px/1 "Helvetica Neue", Arial, sans-serif;

Je sais que la syntaxe est font-size/line-height, mais comment est-ce qu'on compte quand il n'y a pas d'unité ? Que veut dire ce 1 ? J'ai vu qu'il correspondait à 0.8em.
Modifié par Dieulot (26 Feb 2012 - 17:35)

Ce 1 est exprimé en "em". Cela dit, la valeur du "em" est relative à la taille de la police de l'élément actuel, et non à son parent (cela sera aussi vrai pour toutes les valeurs relatives reliés à la propriété line-height: em, %).
Modifié par Vaxilart (26 Feb 2012 - 20:34)

Ah merci ! Je me demande pourquoi plus de monde ne l'utilise pas, c'est bien plus pratique que de gérer deux valeurs...

Vaxilart a écrit :
Ce 1 est exprimé en "em".

Pas tout à fait.
Ce "1" signifie "ratio sur 1" (donc 1/1) et non "1em". S'il s'agissait d'un em, la syntaxe serait bel et bien "1em".
D'ailleurs si tu testes, tu verras que le résultat ne sera pas identique puisqu'1em dépend de la taille de police du parent, elle même dépendante de son parent, etc. Tandis qu"un line-height de "1" est stable, elle ne dépend que de la taille de police de l'élément.

Il y a d'autres propriétés qui acceptent des valeurs sous forme de ratio, sans unité. Par exemple scale ou zoom.
Modifié par Raphael (26 Feb 2012 - 22:06)

Salut Raphaël,

En lisant la documentation du w3c à ce sujet, il apparait que la propriété line-height sera relative à la taille de la police.

http://www.w3.org/TR/CSS2/visudet.html

Et donc, comme "em" est relative à la taille de celle-ci, il me semble qu'un ratio ou un em dans ce contexte représentent la même chose non ?
Modifié par Vaxilart (27 Feb 2012 - 02:27)

Grosso modo : lorsque l’on ne précise pas l’unité de mesure après line-height la valeur fonctionne comme un facteur multiplicateur, contrairement à l’unité em qui produit une valeur calculée qui se répercute ensuite sur les balises enfants par le jeu de la cascade.

Voir http://css.4design.tl/5-reset-css-a-la-loupe-pour-une-remise-a-zero-des-valeurs-par-defaut-des-navigateurs

Ah, merci Bruno, je comprends mieux maintenant.

Donc, c'est la valeur compilée qui est répercuté aux enfants et non la valeur en em relative.