« Le langage CSS/Texte » : différence entre les versions

Contenu supprimé Contenu ajouté
Le raccourci font : 1er jet
Ligne 179 :
 
=== Le raccourci <tt>font</tt> ===
 
La propriété <tt>font</tt> est un raccourci pour spécifier plusieurs propriétés relatives à la police en une seule ligne. Cette propriété, bien que pratique, est néanmoins peu tolérante quand à l'ordre des propriétés spécifiées, lequel est le suivant :
 
# <tt>[[#font-style|font-style]]</tt>
# <tt>[[#font-variant|font-variant]]</tt>
# <tt>[[#font-weight|font-weight]]</tt>
# <tt>[[#font-size_:_taille_des_caract.C3.A8res|font-size]]</tt>
# <tt>line-height</tt>
# <tt>[[#font-family_:_choix_de_la_police|font-family]]</tt>
 
Dans cette liste, <tt>font-size</tt> et <tt>font-family</tt> '''doivent obligatoirement être mentionnées'''. Par ailleurs <tt>font-size</tt> et <tt>line-height</tt> doivent être accolés avec la barre oblique '/'. Il faut donc être rigoureux lorsqu'on utilise ce raccourci. Le W3C donne les exemples suivants :
 
p { font: 12px/14px sans-serif }
p { font: 80% sans-serif }
p { font: x-large/110% "New Century Schoolbook", serif }
p { font: bold italic large Palatino, serif }
p { font: normal small-caps 120%/120% fantasy }
 
Attention : toute propriété parmi les 6 listées plus haut qui n'est pas mentionnée lors de l'utilisation de <tt>font</tt> est '''remise à sa valeur initiale'''.
 
== Police de caractères ==