Style fontWeightEigenschaft

Style 对象参考手册Style-Objekt

Definition und Verwendung

Die fontWeight-Eigenschaft legt die Schriftstärke fest oder gibt sie zurück.

Syntax

Legen Sie die fontWeight-Eigenschaft fest:

Object.style.fontWeight="value"

Gibt die Eigenschaft fontWeight zurück:

Object.style.fontWeight

Wert Beschreibung
normal Standard. Die Schrift ist normal.
lighter Definiert eine dünnere Schriftart.
bold Definiert fett.
bolder Definiert eine fettere Schriftart.
100
200
300
400
500
600
700
800
900		 Definiert Zeichen von dünn bis dick. 400 entspricht normal, 700 entspricht fett.
inherit Der Wert der Eigenschaft fontWeight wird vom Elternelement geerbt.

Browser-Unterstützung

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Alle gängigen Browser unterstützen die Eigenschaft fontWeight.

Hinweis:IE7 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

Schriftstärke ändern:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Beispiel-Tutorial(example.com)</title>
<script>
function displayResult(){
    document.getElementById("p1").style.fontWeight="900";
}
</script>
</head>
<body>

<p id="p1">Dies ist etwas Text.</p>
<br>
<button type="button" onclick="displayResult()">Schriftstärke ändern</button>

</body>
</html>

Selbst ausprobieren »

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