propriété HTML DOM style fontVariant
Définition et utilisation
ensembles de propriétés fontVariant ou retourne si vous souhaitez afficher les petites capitalisations police.
Cela signifie que toutes les lettres minuscules seront converties en majuscules, mais par rapport au reste du texte, la lettre sera une taille de police plus petite.
grammaire
Définition des propriétés fontVariant:
Object.style.fontVariant="normal|small-caps|inherit"
Retour propriétés fontVariant:
Object.style.fontVariant
值 | 描述 |
---|---|
normal | 默认。字体是 normal(正常的)。 |
small-caps | 字体显示为小型大写字母。 |
inherit | fontVariant 属性的值从父元素继承。 |
support du navigateur
Tous les principaux navigateurs prennent en charge la propriété fontVariant.
Note: IE7 et les versions antérieures ne supportent pas la valeur "inherit".IE8 ne fournit DOCTYPE! Supporté "inherit". soutien IE9 "inherit".
Exemples
Exemples
Modifier la police aux petites capitalisations:
<! DOCTYPE html>
<Html>
<Head>
<Meta charset = "utf-8">
<Titre> Ce tutoriel (w3big.com) </ title>
<Script>
fonction displayResult () {
document.getElementById ( "p1") style.fontVariant = "small-caps" .;
}
</ Script>
</ Head>
<Body>
<P id = "p1"> Ceci est un texte. </ P>
<P> Ceci est un texte. </ P>
<br>
<Bouton type = "button" onclick = "displayResult ()"> Modifier la police </ button>
</ Body>
</ Html>
<Html>
<Head>
<Meta charset = "utf-8">
<Titre> Ce tutoriel (w3big.com) </ title>
<Script>
fonction displayResult () {
document.getElementById ( "p1") style.fontVariant = "small-caps" .;
}
</ Script>
</ Head>
<Body>
<P id = "p1"> Ceci est un texte. </ P>
<P> Ceci est un texte. </ P>
<br>
<Bouton type = "button" onclick = "displayResult ()"> Modifier la police </ button>
</ Body>
</ Html>
Essayez »
style Objets