documentation css font-size
Vous êtes ici: Les articles techniques » documentation » Cascading Style Sheets : L'ensemble des propriétés CSS » font-sizeTable des matières
font-size
Version CSS : 1
- S’applique à : Tous les éléments.
- Valeur héritée : oui
- Valeur par défaut : medium
Compatibilité
| Navigateur | IE 6 | IE 7 | Firefox 1.5 | Firefox 2 | Opera 8.5 | Opera 9 | Konqueror 3.5 | Safari 2 |
|---|---|---|---|---|---|---|---|---|
| font-size | Partiel | Partiel | Oui | Oui | Oui | Oui | Oui | Non testé |
| Unité de longueur | Oui | Oui | Oui | Oui | Oui | Oui | Oui | Non testé |
| Percentage | Oui | Oui | Oui | Oui | Oui | Oui | Oui | Non testé |
| xx-small | Oui | Oui | Oui | Oui | Oui | Oui | Oui | Non testé |
| x-small | Oui | Oui | Oui | Oui | Oui | Oui | Oui | Non testé |
| small | Oui | Oui | Oui | Oui | Oui | Oui | Oui | Non testé |
| medium | Oui | Oui | Oui | Oui | Oui | Oui | Oui | Non testé |
| large | Oui | Oui | Oui | Oui | Oui | Oui | Oui | Non testé |
| x-large | Oui | Oui | Oui | Oui | Oui | Oui | Oui | Non testé |
| xx-large | Oui | Oui | Oui | Oui | Oui | Oui | Oui | Non testé |
| larger | Oui | Oui | Oui | Oui | Oui | Oui | Oui | Non testé |
| smaller | Oui | Oui | Oui | Oui | Oui | Oui | Oui | Non testé |
| inherit | Non | Non | Oui | Oui | Oui | Oui | Oui | Non testé |
Explications
Permet de définir la taille de police d’un élément.
Les différentes valeurs peuvent se regrouper en deux catégories : les tailles relatives, qui dépendront et se calculeront en fonction de la taille de l’élément parent, et les tailles absolues.
Tailles relatives :
- smaller
- larger
- pourcentage
Tailles absolues :
- xx-small
- x-small
- small
- medium
- large
- x-large
- xx-large
- mention numérique de longueur
Les tailles absolues (hormis les mentions de longueur) pourront dépendre du navigateur et du système d’exploitation.
Exemple de script
.taillepixel { font-size: 12px ; } .taillesmall { font-size: xx-small; } .taillelarge { font-size: large; } .taillepourcent { font-size: 150%; } .taillesmaller { font-size: smaller; } .taillelarger { font-size: larger; }
veille



