Pour raccourcir le code, il est également possible de spécifier toutes les propriétés de police individuelles dans une seule propriété.
La propriété font est une propriété abrégée pour :
font-style
font-variant
font-weight
font-size/line-height
font-familyRemarque : La font-size et la font-family des valeurs sont requises. Si l'une des autres valeurs est manquante, leur valeur par défaut est utilisée.
Utilisez font pour définir plusieurs propriétés de police dans une déclaration :
p.a
{
font: 20px Arial, sans-serif;
}
p.b
{
font: italic small-caps bold 12px/30px Georgia, serif;
}Essayez-le vous-même →
<!DOCTYPE html>
<html>
<head>
<style>
p.a {
font: 20px Arial, sans-serif;
}
p.b {
font: italic small-caps bold 12px/30px Georgia, serif;
}
</style>
</head>
<body>
<h1>The font Property</h1>
<p class="a">This is a paragraph. The font size is set to 20 pixels, and the font family is Arial.</p>
<p class="b">This is a paragraph. The font is set to italic, small-caps and bold, the font size is set to 12 pixels, the line height is set to 30 pixels, and the font family is Georgia.</p>
</body>
</html>
Définit toutes les propriétés de la police dans une seule déclaration
Spécifie la famille de polices pour le texte
Spécifie la taille de la police du texte
Spécifie le style de police du texte
Spécifie si un texte doit être affiché ou non dans une police en petites majuscules
Spécifie le poids d'une police