Propriété de style de police CSS | Expliqué

Dans Feuilles de style en cascade (CSS), Il existe divers aspects impliqués dans le style d'une police, comme la définition d'un style et d'une taille de police. Le propriété de style policier s'assure que le texte se démarque et enrichit la feuille d'une hiérarchie visuelle et possède une grande importance.

Le CSS propriété de style policier est utilisé pour les polices de style formats italiques, normaux et obliques. À l'aide de la propriété de style police, nous pouvons également personnaliser le style du texte et le rendre attrayant.

Dans cet article, nous découvrirons les propriétés de style policier CSS à l'aide d'exemples appropriés.

Valeurs de propriétés de style police CSS

Dans CSS, la propriété de style police comprend ces trois valeurs:

• Italique
• Oblique
• Normal

Nous discuterons brièvement de chacune des propriétés de style police CSS spécifiées dans les sections suivantes.

Comment en italique une police en HTML

En typographie, italique la police est utilisée pour écrire du texte dans un cursive le style de police. La propriété de style police italique CSS s'affiche de l'élément de texte de gauche à droite. Ces types d'éléments prennent généralement moins d'espace horizontal que les éléments non style.

Vous pouvez également définir le «Italique audacieux» Style de police à la fois en utilisant la syntaxe suivante.

Exemple: propriété de style policier en italique CSS

Dans l'exemple suivant, nous avons défini deux styles de police pour les éléments des paragraphes: "P.x ”et« p.y ". Le "P.X" le style de police italique le texte du paragraphe spécifique, tandis que le "P.y " Le style de police s'applique à la fois le Valeurs de propriétés «italique» et «audacieuse» à l'élément texte:

Ceci est un paragraphe, normal.

Ceci est un paragraphe, italique et audacieux.

Comme vous pouvez le voir sur la sortie, la propriété de style police du texte du premier paragraphe est uniquement définie sur mettre en italique, tandis que le texte du deuxième paragraphe est audacieux et en italique:

Comment oblisez une police en HTML

La propriété de style police oblique CSS est utilisée pour écrire du texte cursif; Cependant, il diffère du style de police italique d'une manière qu'il utilise des degrés pour incarner le texte. De plus, le texte est légèrement incliné de gauche à droite dans un style de police oblique.

Tous les navigateurs ne prennent pas en charge le style de police oblique, mais si vous voulez l'utiliser, alors stimulez-le artificiellement dans le style de police normal.

Syntaxe de la propriété de style police oblique CSS

Ici, "angle”Définit l'angle de texte incliné, et cette caractéristique distingue oblique de la propriété de style police italique.

Note: CSS Oblique La propriété de style police utilise un Angle de 14 degrés par défaut, et ses valeurs de diplôme valides se trouvent entre -90 degrés à 90 degrés.

Exemple: propriété de style policier en italique CSS

Dans l'exemple suivant, nous définirons l'angle de «oblique«Propriété de style police comme«10deg»:

Style de police oblique.

Style de police oblique avec diplôme.

Enregistrez le code ajouté et ouvrez le fichier HTML dans le navigateur. Ce faisant, vous verrez que le style de police oblique est appliqué au texte du paragraphe à Angle de 10 degrés:

Comment normaliser une police en HTML

Le style de police par défaut est défini comme «normal"Dans CSS. Maintenant, vous pouvez vous demander pourquoi nous utilisons la propriété normale de style police si elle est déjà définie comme la valeur de style de police par défaut?

Le normal La propriété de style policier CSS est utilisée pour normaliser la police à son état d'origine s'il est modifié en italique ou des valeurs obliques.

Consultez l'exemple suivant pour comprendre le concept déclaré.

Exemple: propriété de style police normale CSS

Dans l'exemple donné ci-dessous, la police est d'abord en italique à l'aide de la propriété de style police:

Style de police en italique.

Maintenant, pour revenir à la police à la normale, la valeur normale de la propriété de style police sera utilisée:

Style de police normal.

La sortie signifie que nous avons réussi à définir le style de police à la normale:

C'était toutes des informations essentielles liées à la propriété de style police CSS. Vous pouvez l'explorer davantage par vous-même.

Conclusion

Style de police CSS la propriété spécifie le style de police des éléments de texte. Il est utilisé pour styliser du texte dans format normal, italique, audacieux et obliques. En utilisant différentes propriétés de style police CSS, nous pouvons personnaliser le style d'un texte et le rendre visuellement attrayant. Cet article a discuté de la propriété de style policier CSS à l'aide d'exemples appropriés.