CSS3 ajoute quelques nouvelles notations fonctionnelles pour définir des valeurs de couleur pour les éléments qui sont : rgba(), hsl(), hsla() et opecity.
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éfaut | normal |
|---|---|
| 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é.| Explorateur |  |  |  |  |  |
|---|---|---|---|---|---|
| Verssion | 1 | 4 | 1 | 1 | 3.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