Style fontVariantEigenschaft

Style 对象参考手册Style-Objekt

Definition und Verwendung

Die fontVariant-Eigenschaft legt fest oder gibt zurück, ob die Schriftart in Kapitälchen angezeigt werden soll.

Das bedeutet, dass alle Kleinbuchstaben in Großbuchstaben umgewandelt werden, aber sie haben eine kleinere Schriftgröße im Vergleich zum restlichen Text.

Syntax

Legen Sie die fontVariant-Eigenschaft fest:

Object.style.fontVariant="normal|small-caps|inherit"

Gibt die fontVariant-Eigenschaft zurück:

Object.style.fontVariant

Wert Beschreibung
normal Standard. Die Schrift ist normal.
small-caps Die Schrift wird in Kapitälchen angezeigt.
inherit Der Wert der fontVariant-Eigenschaft wird vom übergeordneten Element geerbt.

Browser-Unterstützung

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Alle gängigen Browser unterstützen die fontVariant-Eigenschaft.

Hinweis:Internet Explorer 7 und frühere Versionen unterstützen den Wert "inherit" nicht. IE8 unterstützt "inherit" nur, wenn ein !DOCTYPE angegeben ist. IE9 unterstützt "inherit".

Beispiel

Beispiel

Ändern Sie die Schriftart in Kapitälchen:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Example(example.com)</title>
<script>
function displayResult(){
    document.getElementById("p1").style.fontVariant="small-caps";
}
</script>
</head>
<body>

<p id="p1">Dies ist etwas Text.</p>
<p>DIES IST EINIGER TEXT.</p>
<br>
<button type="button" onclick="displayResult()">Change font</button>

</body>
</html>

Selbst ausprobieren »

Style 对象参考手册Style-Objekt Andere Erweiterungen