La propriété CSS font-size peut être définie à l’aide de mots-clés absolus et relatifs. Cela mettra à l'échelle le texte selon les besoins.
Syntaxe
La syntaxe de l'attribut CSS font-size est la suivante :
Selector {
font-size: /*value*/
} Copier après la connexion
Le tableau suivant répertorie les mots-clés standard utilisés dans CSS-
Sr.No Valeur et description 1 Moyen Réglez la taille de la police sur moyenne. C'est la valeur par défaut
2 xx-small Réglez la taille de la police sur xx-small Réglez la taille de la police sur une taille plus petite pour un très petit
4 petit < /p>
5 grand< /strong>Réglez la taille de la police sur une grande taille
6 8
Plus petit
Définir la taille de la police à une taille plus petite que l'élément parent
Bigger
Définissez la taille de la police à une taille plus grande que l'élément parentL'exemple suivant illustre comment définir le CSS propriété font-size à l’aide de mots-clés.
Exemple
Démonstration en direct<!DOCTYPE html>
<html>
<head>
<style>
h1{
font-size: larger;
}
#demo {
font-size: medium;
text-align: center;
background-color: floralwhite;
}
p {
font-size: xx-large;
}
</style>
</head>
<body>
<h1>Demo Heading</h1>
<p id="demo">This is demo text.</p>
<p>This is another demo text.</p>
</body>
</html> Copier après la connexion
Sortie Cela donne le résultat suivant -
Exemple
Démonstration en direct<!DOCTYPE html>
<html>
<head>
<style>
div {
margin: auto;
padding: 5px;
width: 30%;
border: 1px solid;
border-radius: 29%;
text-align: center;
font-size: xx-small;
}
p {
font-size: xx-large;
}
</style>
</head>
<body>
<div>
<div>One</div>
<p>Two</p>
</div>
</body>
</html> Copier après la connexion
Sortie Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
2024-10-13 13:32:21
2024-10-12 11:58:51
2024-10-11 20:06:51
2024-10-11 18:59:31
2024-10-11 18:30:51
2024-10-11 15:51:51
2024-10-11 15:42:10
2024-10-11 14:41:20
2024-10-11 14:08:31
2024-10-11 13:42:21
Recommandations populaires
Tutoriels populaires
Plus>
Recommandations populaires
Derniers téléchargements
Plus>
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
