[réglé ] CSS : notation font-size: X%/1em ?

[Raoull]

Bijour,

j'ai l'habitude de mettre dans mes CSS :

Code :

body {
    (...)
    font-size: 75%;
}

La notation en % dans BODY permet de fixer une taille relative par défaut pour toute la page (ici 75% équivaut en fait à la taille par défaut des caractères sur tous les navigateurs) pour ensuite utiliser des em.

Normalement, avec cette notation dans BODY, 1em = 75% pour tout le document. Ca marche parfaitement.

Hors je trouve depuis peu, de plus en plus la notation :

Code :

    font-size: X%/1em;

que je connaissais pas.

Ca semble logique, il s'agit de préciser que les X% valent 1em, mais :
1) je n'ai trouvé aucune doc sur cette notation X%/Xem : d'où ca sort ?
2) quelle utilité ??

[orditeck]

Va regarder un peu ça :
http://www.w3schools.com/css/css_font.asp

Ici, on a comme valeurs :
- font-style
- font-variant
- font-weight
- font-size/line-height

On s'intéresse ici à font-size/line-height.
Donc en fait, il sagit de définir deux trucs dans un : le font-size (donc la grosseur de ta police) et le line-height (l'espace entre tes retours à la ligne).

Donc utilises comme suit :

font: normal 10px/25px arial;

Ici, la poilice sera normale (donc pas " bold ", italic, etc..), sera d'une grosseur de 10px et 25px, l'espace entre tes retours de lignes.

Tu peux tout simplement utiliser :
font: normal 10px arial;
Comme ça, line-height sera défini par défaut.

Et... pour tes trucs de PX et de EM, va voir ici :
http://perso.orange.fr/coin.des.experts/...aille.html

[Raoull]

Merci pour ces sources !

Pour FONT, c'est clair oui, et je ne connaissais pas non plus cette notation font-size/line-height.

Por FONT-SIZE (x%/xem) je ne le vois pas.
Mais pas grave, je vais pas me prendre la tete la dessus. Je pensais que qlqu'un saurait p-e.

[orditeck]

Par exemple

font-size: 120%/5em; ou
font-size: 120%/5%; ou peut importe ce que tu met après le / n'est pas pris en charge.

Ça n'existe pas.
font-size est seulement pour le " size " du texte.
On ne peut pas mettre l'argument line-height à font-size.
J'imagine que j'avais mal lu ta question.

font-style: normal;
font-size: 120%/;
line-height: 5%;
font-family: arial;

revient au même que

font: normal 120%/5% arial;

[Raoull]

Ok, c'est clair la.
J'avais pas vu ta dernière réponse, je mets "réglé"

Merci !