Propriété raccourci des polices dans CSS | Expliqué

Propriété raccourci des polices dans CSS | Expliqué
Une propriété qui vous permet de donner des valeurs à de nombreuses propriétés CSS à la fois est appelée une propriété scolarisée. La signification de ces propriétés peut être soulignée par le fait que l'utilisation de ces propriétés se traduit par un nombre moins de lignes de code, ce qui permet d'économiser votre temps et votre énergie. Il existe un certain nombre de propriétés dans CSS qui sont appelées propriétés scolarisées, cependant, l'objectif de cet article est Propriété de sténographie des polices.

Propriété de police CSS: une propriété abrégée

Comme nous l'avons déjà mentionné, une propriété abrégée est un raccourci pour donner des valeurs à d'autres propriétés CSS en une seule fois. La propriété de police CSS est également une propriété raccourci pour plusieurs autres propriétés liées à la police qui sont;

  1. propriété de style policier
  2. propriété de la police
  3. propriété de poids de police
  4. propriété de la taille d'une police
  5. propriété de la police

Avant de comprendre la propriété Font comme une propriété scolarisée à l'aide d'un exemple, explorons d'abord les propriétés mentionnées ci-dessus.

propriété de style policier

Comme son nom l'indique, cette propriété est utilisée pour donner des polices. Différentes valeurs que cette propriété présente est initiale, italique, oblique, héritée ou normale.

Syntaxe

Il a la syntaxe suivante.

Style de police: italique;

propriété de la police

Cette propriété est utilisée dans le but d'afficher des lettres majuscules en petites capitales qui sont des lettres majuscules en taille relativement plus faible que les lettres majuscules normales. Normal, initial, hérité et les petites capitales sont des valeurs différentes que cette propriété peut recevoir.

Syntaxe

Cette propriété a la syntaxe mentionnée ci-dessous.

Font-Variant: Small-Caps;

propriété de poids de police

Aux fins de la modification du poids de la police (épais ou mince), cette propriété est utilisée. Cette propriété rend différentes valeurs qui sont; Normal, hérité, initial, audacieux, plus audacieux et plus léger. Vous pouvez également donner des valeurs sous forme numérique I.e. 100-900.

Syntaxe

La syntaxe de cette propriété est fournie ci-dessous.

Police-poids: Bold;

propriété de la taille d'une police

Cette propriété est utilisée dans le but de donner aux polices une taille spécifique. Outre l'initial et l'héritage, cette propriété peut présenter des valeurs telles que moyen, petit, x-petit, xx-petit, grand, x-grand, xx-grand, plus petit, plus grand, longueur et%.

Syntaxe

La syntaxe de cette propriété est fournie ci-dessous.

taille de police: moyen;

propriété de la police

Dans le but de donner une famille de police, cette propriété est utilisée. La propriété Font-Family peut rendre des valeurs qui sont: le nom de la famille («Times New Roman,« Arial », etc.), la famille générique (« Serif »,« Sans-Serif », etc.), initial ou hérité.

Syntaxe

La syntaxe de cette propriété est fournie ci-dessous.

Font-Family: Family-Name;

Maintenant que nous savons quelles sont ces propriétés et ce qu'elles font, démontrons à l'aide d'un exemple comment la propriété de police agit comme une propriété scolarisée pour toutes ces propriétés.

Propriété de sténographie des polices

Ci-dessous, nous avons également fourni la syntaxe de la propriété de police.

Syntaxe

Il a la syntaxe fournie ci-dessous.

FONT: Valeur de style police Police-Variant Valeur Police-poids Valeur de la taille de la police Valeur Font-Family Valeur;

Exemple

Dans l'exemple ci-dessous, la propriété de la police est utilisée comme propriété scolare.







La propriété scolarisée de police


Dans cet article, nous avons appris comment la propriété de police peut être utilisée comme propriété scolarisée pour d'autres propriétés liées aux polices telles que le style de police, la force de police, le poids de police, la taille de la police et la famille.



Dans l'exemple ci-dessus, en utilisant la propriété de police comme une propriété raccourci, le style de police de l'en-tête a été défini en italique, en matière de police à audacieuse, à la police à 28px et à la police à Times New Roman, Serif. Pendant ce temps, le style de police du paragraphe a été mis en italique, de taille de police à 16px et de la famille à Garamond, Serif.

Sortir

Le texte a été conçu avec succès à l'aide de la propriété de police.

Conclusion

La propriété de police est appelée une propriété scolare pour donner des valeurs à d'autres propriétés de police qui sont; style de police, force de police, poids de police, famille et taille de police à la fois. Ce message traite de la propriété de police en tant que propriété scolarisée en détail et montre comment nous pouvons fournir plusieurs valeurs de police en une seule ligne et avoir l'effet souhaité à l'aide d'un exemple.