documentation css font
Vous êtes ici: Les articles techniques » documentation » Cascading Style Sheets : L'ensemble des propriétés CSS » fontfont
- Version CSS : 1
- S’applique à : Tous les éléments.
- Valeur héritée : oui
- Valeur par défaut : selon la propriété
Compatibilité
| Navigateur | IE 6 | IE 7 | Firefox 1.5 | Firefox 2 | Opera 8.5 | Opera 9 | Konqueror 3.5 | Safari 2 |
|---|---|---|---|---|---|---|---|---|
| font | Partiel | Partiel | Oui | Oui | Oui | Oui | Oui | Non testé |
| font-style | Oui | Oui | Oui | Oui | Oui | Oui | Oui | Non testé |
| font-variant | Oui | Oui | Oui | Oui | Oui | Oui | Oui | Non testé |
| font-weight | Oui | Oui | Oui | Oui | Oui | Oui | Oui | Non testé |
| font-size | Oui | Oui | Oui | Oui | Oui | Oui | Oui | Non testé |
| line-height | Partiel | Partiel | Oui | Oui | Oui | Oui | Oui | Non testé |
| font-family | Oui | Oui | Oui | Oui | Oui | Oui | Oui | Non testé |
Explications
Permet de regrouper directement les différentes propriétés de police : font-style, font-variant, font-weight, font-size, line-height et font-family (voir l’explication détaillée de chacune de ses propriétés).
Les différents attributs sont à indiquer à la suite, séparés d’un espace dans n’importe quel ordre. Il n’est pas obliqatoire de définir chaque propriété de police, pour les propriétés non définies, les valeurs initiales seront utilisées.
Lors de la définition de font-size et line-height avec la propriété font, les deux indications de mesure se feront sous la forme par exemple : 12px/14px où la première valeur sera toujours attribuée à font-size et la seconde à line-height.
Il est également possible avec les CSS2 d’utiliser les polices système définies par l’utilisateur. Il s’agit des polices définies dans les propriétés d’affichage du système de l’utilisateur. Il est donc possible d’attribuer à une classe des paramètres de police définis par l’utilisateur sur sa machine.
Les valeurs pour les polices système :
caption: police-système associée aux boutonsicon: police-système associée aux labels des icônesmenu: police-système associée aux menus déroulantsmessage-box: police-système associée aux fenêtres de dialoguesmall-caption: police-système associée aux labels plus petitsstatus-bar: police-système associée aux barres de statut des fenêtres
Exemple de script
.police1 { font: bold 10px Times ; } .police2 { font: small-caps 14pt Verdana; } .police3 { font: italic 12px/14px Arial; } .police4 { font: caption; }



