HTML-DOM Stil fontVariant Eigenschaft
Style - Objekte Definition und Verwendung
fontVariant Eigenschaft legt gibt zurück, ob Small Caps Schriftart angezeigt werden soll.
Dies bedeutet, dass alle Kleinbuchstaben in Großbuchstaben umgewandelt werden, aber im Vergleich zum Rest des Textes, der Brief wird eine kleinere Schriftgröße sein.
Grammatik
Einstellen fontVariant Eigenschaften:
Object.style.fontVariant="normal|small-caps|inherit"
Zurück fontVariant Eigenschaften:
Object.style.fontVariant
| 值 | 描述 |
|---|---|
| normal | 默认。字体是 normal（正常的）。 |
| small-caps | 字体显示为小型大写字母。 |
| inherit | fontVariant 属性的值从父元素继承。 |
Browser-Unterstützung
Alle gängigen Browser unterstützen fontVariant Eigenschaft.
Hinweis: IE7 und früheren Versionen nicht unterstützen , die "erben" Wert.IE8 bietet nur! DOCTYPE unterstützt "erben". IE9 Unterstützung "erben".
Beispiele
Beispiele
Ändern Sie die Schriftart auf Small Caps:
<! DOCTYPE html>
<Html>
<Head>
<Meta charset = "UTF-8">
<Titel> Dieses Tutorial (w3big.com) </ title>
<Script>
Funktion displayResult () {
document.getElementById ( "P1") style.fontVariant = "Small Caps" .;
}
</ Script>
</ Head>
<Body>
<P id = "p1"> Dies ist ein Text. </ P>
<P> Dies ist ein Text. </ P>
<br>
<Taste type = "button" Onclick = "displayResult ()"> Schrift </ button>
</ Body>
</ Html>
<Html>
<Head>
<Meta charset = "UTF-8">
<Titel> Dieses Tutorial (w3big.com) </ title>
<Script>
Funktion displayResult () {
document.getElementById ( "P1") style.fontVariant = "Small Caps" .;
}
</ Script>
</ Head>
<Body>
<P id = "p1"> Dies ist ein Text. </ P>
<P> Dies ist ein Text. </ P>
<br>
<Taste type = "button" Onclick = "displayResult ()"> Schrift </ button>
</ Body>
</ Html>
Versuchen »
Style - Objekte