« Le langage CSS/Texte » : différence entre les versions
Contenu supprimé Contenu ajouté
Ligne 221 :
=== Le raccourci <code>font</code> ===
La propriété <code>font</code> est un raccourci pour spécifier plusieurs propriétés relatives à la police en une seule ligne dont certaines sont détaillées plus loin dans ce chapitre.
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 : # <code>[[#font-style|font-style]]</code>
# <code>[[#font-variant|font-variant]]</code>
Ligne 230 :
# <code>[[#font-family : choix de la police|font-family]]</code>
Dans cette liste, <code>font-size</code> et <code>font-family</code> '''doivent obligatoirement être mentionnées'''.
Par ailleurs <code>font-size</code> et <code>line-height</code> doivent être accolés avec la barre oblique '/'. Il faut donc être rigoureux lorsqu'on utilise ce raccourci. Le W3C donne les exemples suivants : <syntaxhighlight lang="css">
Ligne 241 ⟶ 243 :
Attention : toute propriété parmi les 6 listées plus haut qui n'est pas mentionnée lors de l'utilisation de <code>font</code> est '''remise à sa valeur initiale'''.
Exemple :
{| class="wikitable"
|
<syntaxhighlight lang="html">
<div style="font-weight: bold;">
Début
<div style="font: 12px/14px sans-serif;">
Texte au régime sans gras
</div>
Fin
</div>
</syntaxhighlight>
| style="width:50%;" | Ce qui donne:
<div style="font-weight: bold;">
Début
<div style="font: 12px/14px sans-serif;">
Texte au régime sans gras
</div>
Fin
</div>
|}
== Police de caractères ==
| |||