CSS font-weight Eigenschaft

Definition und Verwendung

Die Eigenschaft font-weight setzt die Dicke des Textes.

Erklärung

Diese Eigenschaft wird verwendet, um die Dicke der Schriftart des Textes des anzeigenden Elements zu setzen. Der numerische Wert 400 entspricht dem Schlüsselwort normal, und 700 ist äquivalent zu fett. Jeder numerische Wert muss mindestens so dünn wie der nächste kleinere Wert und mindestens so dick wie der nächste größere Wert sein.

Weitere Informationen:

CSS-Tutorial:CSS Schrift

CSS Referenzhandbuch:CSS font Eigenschaft

HTML DOM Referenzhandbuch:fontWeight-Eigenschaft

Beispiel

Stellen Sie die Dicke der Schriftart von drei Absätzen ein:

p.normal {font-weight:normal;}
p.thick {font-weight:bold;}
p.thicker {font-weight:900;}

Versuchen Sie es selbst

CSS-Syntax

font-weight: normal|bold|bolder|lighter|Zahl|initial|inherit;

Eigenschaftswert

Wert Beschreibung
normal Standardwert. Definiert Standardschrift.
bold Definiert fette Zeichen.
bolder Definiert dickeres Zeichen.
lighter Definiert dünnere Zeichen.
  • 100
  • 200
  • 300
  • 400
  • 500
  • 600
  • 700
  • 800
  • 900
 Definiert die Dicke der Zeichen von dick bis dünn. 400 entspricht normal, und 700 entspricht fett.
inherit Regelt, dass die Dicke der Schriftart vom übergeordneten Element geerbt wird.

Technische Details

Standardwert: normal
Vererbbarkeit: ja
Version: CSS1
JavaScript-Syntax: Objekt.style.fontWeight="900"

TIY-Beispiel

Schriftart dicke einstellen
Dieses Beispiel zeigt, wie man die Dicke der Schriftart einstellt.

Browser-Unterstützung

Die Zahlen in der Tabelle geben die erste Browser-Version an, die die Eigenschaft vollständig unterstützt.

Chrome IE / Edge Firefox Safari Opera
2.0 4.0 1.0 1.3 3.5