English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

CSS Referenzhandbuch

CSS @Regel (RULES)

CSS Eigenschaftsübersicht

CSS Schrift-Verwendung und Beispiel der weight-Eigenschaft

font-Die weight CSS-Eigenschaft stellt die Dicke der Schriftart ein.

Die nachstehende Tabelle enthält die Verwendungshinweise und Versionshistorie dieses Attributes sowie die Verwendungssyntax in JavaScript-Skripten.

Standardwert:Normal
Geeignet für:Alle Elemente
Vererbung:Ja
Animierbar:Ja.Bitte beziehen Sie sich auf Animationseigenschaft.
Version:CSS 1,2,3
JavaScript-Syntax:object.style.fontWeight="700"

font-weight-Syntax

Die Syntax dieses Attributes ist wie folgt:

font-weight: normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | initial | inherit

Der folgende Beispiel zeigt, wie man font-weight-Eigenschaft.

  h1 {
   font-weight: normal;
  }
  p {
   font-weight: bold;
  }
Testen Sie es heraus‹/›

Attributswert

Die nachstehende Tabelle beschreibt die Werte dieses Attributes.

WertBeschreibung
normalBestimmen Sie normale Zeichen.
boldBestimmen Sie fette Zeichen.
bolderDefinieren Sie dickeres Zeichen.
lighterWählen Sie definierte feinere Zeichen.
100

Zahl100 bis900 bildet eine geordnete Sequenz, wobei jeder Wert, der von der Zahl dargestellt wird, gleich oder größer als der Wert des vorherigen Elements ist. Der Schlüsselwort normal entspricht400, fett entspricht700.

200
300
400
500
600
700
800
900
initialSetzen Sie diesen Wert auf seinen Standardwert.
inheritWenn angegeben, wird das verknüpfte Element die Schriftart des Elternelements font-Wert der Eigenschaft weight.

Browserkompatibilität

font-Kompatibilität der weight-Eigenschaft der Browser; die Zahlen in der nachstehenden Tabelle stellen die niedrigste Versionsnummer der Browser dar, die diese Eigenschaft unterstützen; alle gängigen Browser unterstützen diese Eigenschaft.

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 3+

  • Apple Safari 1+

  • Opera 3.5+

Weiters Lesen

Bitte beziehen Sie sich auf die folgenden Anleitungen:CSS Schrift,CSS Text.

Zusammenhängende Eigenschaften und Regeln:font,font-style,font-variant,font-size,line-height,font-family,@font-face.