English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

manuel de référence CSS

règle CSS @ (RULES)

大全 des attributs CSS

CSS font-Méthode d'utilisation et exemple de l'attribut variant

font-L'attribut variant affiche le texte avec des grandes lettres minuscules, ce qui signifie que toutes les lettres minuscules seront converties en majuscules, mais que toutes les lettres utilisant la grande police minuscule seront plus petites par rapport au reste du texte

Le tableau suivant décrit l'utilisation et l'historique des versions de cette propriété, ainsi que la syntaxe d'utilisation de cette propriété dans les scripts JavaScript.

Valeur par défaut :normal
Applicable à :Tous les éléments
Héritage :Oui
Animable :Non.Voir également Attributs d'animation
Version :CSS 1,2,3

font-Syntaxe d'utilisation de variant

La syntaxe de cet attribut est la suivante :

font-variant: normal | small-caps | initial | inherit

Les exemples suivants montrent comment utiliser font-attribut variant.

  p {
   font-variant: small-caps;
  }
Voyons voir‹/›

Valeur de l'attribut

Le tableau suivant décrit les valeurs de cette propriété.

ValeurDescription
normalSpécifiez la police ordinaire.
small-capsSpécifiez la police de caractères en minuscules. Si la police de caractères minuscules ne peut pas être utilisée, le navigateur simule cette variante, utilise la police ordinaire, et remplace les lettres minuscules par des lettres majuscules réduites.
initialDéfinir cette propriété à sa valeur par défaut.
inheritSi spécifié, l'élément lié utilise la police font de son élément parent-Les valeurs de l'attribut variant.

Attention :   Dans small-Dans les polices caps, les lettres minuscules ressemblent aux lettres majuscules, mais sont plus petites, avec une proportion légèrement différente.

Compatibilité du navigateur

font-Compatibilité du navigateur de l'attribut variant, les numéros dans le tableau suivant représentent la version minimale du navigateur prenant en charge cette propriété ; tous les navigateurs populaires prennent en charge cette propriété.

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 4+

  • Apple Safari 1+

  • Opera 3.5+

Pour en savoir plus

Veuillez consulter les tutoriels suivants :CSS police de caractèresCSS texte

Propriétés et règles associées :fontfont-stylefont-weightfont-sizeline-heightfont-family@font-face