attribut FONT-SIZE
Rôle
L’attribut font-size permet de modifier la taille de la police
Version : CSS1
Héritage (inherit) : oui
Propriété Javascript : element.style.fontSize
Testez vous-même cet attribut
Utilisez Codepen.
– Le code CSS
p{
font-size: 2em;
}
– Le code HTML
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quibusdam ab at voluptatibus, numquam reiciendis placeat quasi ducimus facilis quo natus alias fuga vitae debitis tenetur corporis tempore labore obcaecati nam!</p>
Résultat
La taille du texte a été augmenté par le CSS
Compatibilité
L’attribut font-size est pris en charge par tous les principaux navigateurs
Valeurs
Les différentes valeurs de l’attribut font-size sont:
- medium
- Affiche une police de taille moyenne : valeur par défaut
Syntaxe :
font-size : medium - xx-small
- Définit la taille de police à une taille de xx-small
Syntaxe :
font-size : xx-small - x-small
- Définit la taille de police à une taille de x-small
Syntaxe :
font-size : x-small - small
- Définit la taille de police à une taille de small
Syntaxe :
font-size : small - large
- Définit la taille de police à une grande taille
Syntaxe :
font-size : large - x-large
- Définit la taille de police à une taille extra large
Syntaxe :
font-size : x-large - xx-large
- Définit la taille de police à une taille de xx-large
Syntaxe :
font-size : xx-large - smaller
- Définit la taille de police à une taille plus petite que l’élément parent
Syntaxe :
font-size : smaller - larger
- Définit la taille de police à une taille plus grande que l’élément parent
Syntaxe :
font-size : larger - lenght
- Définit la taille de police à une taille fixe en px, cm, etc
Syntaxe :
font-size : 2em - pourcentage %
- Définit la taille de police en pourcentage de la taille de police de l’élément parent
Syntaxe :
font-size : 150% - initial
- La taille est défini à sa valeur initiale (attention pas pris en charge par Internet Explorer et Opéra en dessous de la version 15). Peut être utilisé pour « neutraliser » l’héritage, par exemple un paragraphe peut ignorer la taille imposée par son élément parent.
Syntaxe :
font-size : initial - inherit
- Hérite de la même propriété que l’élément parent.
Syntaxe :
font-size : inherit
A voir aussi
font– font-family– font-size– font-variant– font-weight– font-face
