CSS Style de police
Style de police CSS
La propriété CSS font-style spécifie le style de police d'un texte.
Cette propriété peut prendre l'une des valeurs suivantes :
-
normal- Le texte est affiché normalement -
italic- Le texte est affiché en italique -
oblique- Le texte est "incliné" (l'oblique est très similaire à l'italique)
Exemple
p.normal {
font-style: normal;
}
p.italic {
font-style: italic;
}
p.oblique {
font-style: oblique;
} Poids de police CSS
La propriété CSS font-weight spécifie l'épaisseur des caractères d'un texte.
Cette propriété peut prendre l'une des valeurs suivantes :
-
normal- C'est la valeur par défaut. Définit des caractères normaux -
bold- Définit des caractères épais -
bolder- Définit des caractères plus épais -
lighter- Définit des caractères plus légers -
100-900- Définit des caractères allant de fins à épais. 400 est équivalent à normal, et 700 est équivalent à bold
Exemple
p.normal {
font-weight: normal;
}
p.light {
font-weight: lighter;
}
p.thick {
font-weight: bold;
}
p.thicker {
font-weight: 900;
} Variante de police CSS
La propriété CSS font-variant spécifie si un texte doit être affiché en petites majuscules ou non.
Dans une police en petites majuscules, toutes les lettres minuscules sont converties en lettres majuscules. Cependant, les lettres majuscules converties apparaissent dans une taille de police plus petite que les lettres majuscules originales dans le texte.
Exemple
p.normal {
font-variant: normal;
}
p.small {
font-variant: small-caps;
}