Le poids de la police La propriété en CSS est utilisée pour définir le poids ou l'épaisseur de la police. Il spécifie la finesse ou l'épaisseur des caractères dans un texte. Le poids de la police La propriété dépend soit des épaisseurs spécifiées par le navigateur, soit des polices disponibles dans une famille de polices. Cette propriété CSS définit les caractères fins à épais.
Il accepte la valeur numérique prédéfinie ou les valeurs de mots-clés. Les mots-clés disponibles que nous pouvons utiliser avec cette propriété sont normal, audacieux, plus léger et plus audacieux . La valeur numérique peut être 100, 200, 300, ........., jusqu'à 900. La valeur numérique la plus élevée représente l'épaisseur de police plus grasse que les valeurs numériques inférieures.
Syntaxe
font-weight: normal | bold | bolder | lighter | number | initial | inherit;
Le nombre dans la syntaxe ci-dessus représente les valeurs numériques. La valeur numérique 400 est identique à la valeur du mot-clé normale , et la valeur 700 est identique à la valeur du mot-clé audacieux .
Le normale La valeur strong> définit les caractères normaux et la audacieux value spécifie les caractères épais. Le plus audacieux la valeur représente le poids de police le plus gras et le plus léger La valeur représente le poids de police plus léger que le poids hérité du parent.
Voyons comment mettre du texte en gras en CSS à l'aide d'une illustration.
Introduction
CSS est connu comme un outil puissant pour le développement de la page Web. Avec l’aide de cela, nous pouvons styliser le contenu HTML de nombreuses façons. L’une des propriétés les plus courantes du style d’une page Web consiste à utiliser l’aide d’une propriété font-weight. À l’aide de texte en gras, nous pouvons mettre en valeur les informations clés et le contraste visuel, tout en améliorant également la lisibilité du contenu.
Comprendre la propriété Font-Weight
En CSS, il existe une propriété Font-Weight, qui permet de définir l'épaisseur ou l'épaisseur de la police. Il détermine également le degré de gras ou de légèreté du texte, l'acceptation de la valeur la plus élevée indiquant une épaisseur de police plus grasse. La propriété font-weight accepte diverses valeurs, telles que des valeurs numériques et des mots-clés.
La plage des valeurs numériques se situe entre 100 et 900, avec des incréments de 100. Par exemple, si nous prenons la valeur d'épaisseur de police à 400, alors c'est normal, tandis qu'une valeur d'épaisseur de police de 700 est considérée comme en gras. Gras, plus gras, plus léger et Certaines valeurs de mots clés couramment utilisées.
Comment créer du texte en gras avec CSS
Nous pouvons créer le texte gras en HTML à l'aide de CSS. Nous pouvons utiliser des propriétés de style de police en ligne, internes ou externes.
1. Comment pouvons-nous créer du texte en gras avec un style en ligne
Avec l'aide du style en ligne, nous pouvons utiliser la propriété font-weight directement sur un élément HTML spécifique. Prenons un exemple.
dhanashree verma
Code HTML:
Document <p>Welcome to javaTpoint</p> <p>This is a bold text</p>
Sortir
Explication:
Dans le code ci-dessus, nous avons utilisé le CSS en ligne et appliqué la propriété font-weight en gras.
2. Comment pouvons-nous créer du texte en gras avec un style interne
Ici, nous devons écrire la propriété CSS dans la balise head avec la balise style. Prenons un exemple :
Code HTML:
Document p { font-weight: bold; } <p>Welcome to javaTpoint</p> <p>This is a bold text</p> Sortir
Explication:
Dans le code ci-dessus, nous avons utilisé du CSS interne et appliqué la propriété font-weight.
3. Comment pouvons-nous créer du texte en gras avec un style externe
Ici, nous devons créer un fichier CSS externe et le lier au fichier HTML. Dans ce fichier CSS, nous devons écrire la propriété style. Prenons un exemple.
Code HTML:
Document <p>Welcome to javaTpoint</p> <p>This is a bold text</p>
Code CSS :
p { font-weight: bold; } Sortir
commande arp-a
Explication:
Dans le code ci-dessus, nous avons utilisé la propriété CSS externe et implémenté la propriété font-weight.
Exemple
Voyons comment créer du texte en gras dans différentes nuances en utilisant l'exemple ci-dessous :
p{ font-size: 20px; } <p>This font is normal.</p> <p>This font is bold.</p> <p>This font is lighter.</p> <p>This font is bolder.</p> <p>This font is 100 weight.</p> <p>This font is 200 weight.</p> <p>This font is 300 weight.</p> <p>This font is 400 weight.</p> <p>This font is 500 weight.</p> <p>This font is 600 weight.</p> <p>This font is 700 weight.</p> <p>This font is 800 weight.</p> <p>This font is 900 weight.</p> Sortir
