oujood.com

Utiliser la propriété CSS font-variant pour afficher du texte en petites capitales

La propriété font-variant de polices en css. Font-variant est une propriété servant à définir l'affichage d'un texte en petites capitales
La propriété CSS font-variant permet de spécifier l'affichage des caractères dans un élément de texte. Elle peut être utilisée pour mettre en valeur certaines parties du texte ou pour donner un aspect plus professionnel à un site web.

chercher |

Comment utiliser font-variant pour donner du style à votre site web


La propriété font-variant pour polices en css. Font-variant est une propriété servant à définir l'affichage d'un texte en petites capitales

Définition et utilisation:La propriété font-variant

Dans une police en small-caps( petites capitales), toutes les lettres minuscules sont converties en majuscules. Toutefois, les lettres en majuscule convertie apparaîssent dans une police de plus petite taille que les lettres majuscules dans le texte original.
La propriété font-variant spécifie si un texte doit être affiché dans une police de petites capitales.

la propriété CSS font-variant est une propriété utile pour mettre en valeur certaines parties du texte ou pour donner un aspect plus professionnel à un site web. Elle peut être utilisée en combinaison avec d'autres propriétés CSS pour créer un design cohérent et attrayant, comme la propriété css font-feature-settings.

Code css : Sélectionner le code
	p
	{
	font-variant:small-caps;
	}
	

Valeurs par défautnormal
Inherited: oui
Animable : nonEn savoir plus sur l'animable
Version: CSS1
Syntaxe JavaScript: object.style.fontVariant="small-caps"

Prise en charge de la propriété css 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é.

ExplorateurGoogle ChromeInternet ExplorerFirefoxSafariOpera
Verssion14113.5

Valeurs de la propriété :

Valeur Description
normal Le navigateur affiche une police normale. Par défaut
small-caps Le navigateur affiche une police de petites capitals
inherit Indique que le paramètre de la propriété doit être héritée de l'élément parent. Internet Explorer (IE8 y compris) ne supporte pas cette valeur

En résumé, la propriété CSS font-variant permet de spécifier l'affichage des caractères dans un élément de texte, en utilisant soit la valeur normal pour afficher le texte sans modification, soit la valeur small-caps pour afficher le texte en petites capitales.


Par carabde 10 mars 2014



Voir aussi nos tutoriel :

L'attribut tabindex

Spécifie l'ordre de tabulation d'un élément

Balise area

Définit une zone dans une image-carte

Inserer des images Inserer des images

Comment insérer une image dans une page Web est l'objectif de ce chapitre...