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 im Text des angezeigten Elements zu setzen. Der Zahlenwert 400 entspricht dem Schlüsselwort normal, und 700 ist äquivalent zu fett. Jeder Zahlenwert 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 Schriftart

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;}

Probieren Sie es selbst aus

CSS-Syntax

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

Attributswert

Wert Beschreibung
normal Standardwert. Definiert Standardschrift.
bold Definiert fette Zeichen.
bolder Definiert noch dickeres Zeichen.
lighter Definiert noch 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 Es wird festgelegt, dass die Dicke der Schriftart von dem übergeordneten Element geerbt werden soll.

Technische Details

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

TIY-Beispiel

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

Browser-Unterstützung

Die Zahlen in der Tabelle weisen auf die erste Browser-Version hin, die diese Eigenschaft vollständig unterstützt.

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