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é

navigateur-chromenavigateur-firefoxnavigateur-ienavigateur-safarinavigateur-opera
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