Elément XSLT XSL template
Définition et utilisation da la propriété css font-stretch
La propriété CSS font-stretch permet de définir l'étirement ou la compression d'une police de caractères. Elle est utilisée pour ajuster la largeur des caractères d'une police de caractères à un élément de texte spécifique.La Syntaxe CSS font-stretch
font-stretch: ultra-condensed|extra-condensed|condensed|semi-condensed| normal|semi-expanded|expanded|extra-expanded|ultra-expanded|initial|inherit;
| Valeurs par défaut | normal |
|---|---|
| Inherited: | oui |
| Animable : | ouiEn savoir plus sur l'animable |
| Version: | CSS3 |
| Syntaxe JavaScript: | object.style.fontStretch="expanded" |
Exemple Copier le code
.maClasse {
font-stretch: ultra-condensed;
}
Prise en charge de la propriété css font-stretch dans les navigateurs
Les numéros figurant dans le tableau indiquent la première version du navigateur qui prend totalement en charge la propriété.Les numéros suivis de -webkit-, -moz-, ou -o- indiquent la première version qui fonctionne avec un préfixe.
| Explorateur |  |  |  |  |  |
|---|---|---|---|---|---|
| Verssion | 48 | 9 | 9 | 11 | 35 |
Valeurs de la propriété font-stretch
Il existe plusieurs valeurs possibles pour la propriété font-stretch :ultra-condensed : la police est étirée de manière très condensée.
extra-condensed : la police est étirée de manière extra condensée.
condensed : la police est étirée de manière condensée.
semi-condensed : la police est étirée de manière semi-condensée.
normal : la police est étirée de manière normale (par défaut).
semi-expanded : la police est étirée de manière semi-expansée.
expanded : la police est étirée de manière expansée.
extra-expanded : la police est étirée de manière extra-expansée.
ultra-expanded : la police est étirée de manière ultra-expansée.
Il est important de noter que la propriété font-stretch n'est pas prise en charge par toutes les polices de caractères. Si vous utilisez une police qui ne prend pas en charge l'étirement, la propriété sera ignorée.
Voici un exemple de code qui utilise la propriété font-stretch pour étirer une police de caractères de manière condensée :
Exemple Copier le code
.maClasse {
font-family: Arial, sans-serif;
font-stretch: condensed;
}
Remarque : certaines polices proposent des faces supplémentaires : faces condensées et faces étendues. Pour ces polices, vous pouvez utiliser la propriété font-stretch pour sélectionner une face de police normale, condensée ou étendue.
Note: cette propriété n'a aucun effet si la police sélectionnée ne propose pas de faces condensées ou étendues !
Et voilà, vous savez maintenant comment utiliser la propriété CSS font-stretch pour étirer ou comprimer une police de caractères. N'hésitez pas à jouer avec les différentes valeurs de cette propriété pour voir comment elles affectent l'apparence de votre texte.