CSS font Eigenschaft

Definition und Verwendung

Die font-Abkürzungseigenschaft setzt alle Zeichensatzattribute in einer Deklaration.

Anmerkung:Dieser Eigenschaft ist auch ein sechster Wert zugeordnet: "line-height", um den Zeilenabstand zu setzen.

Erklärung

Diese Abkürzungseigenschaft dient dazu, zwei oder mehr Aspekte der Zeichensatzgestaltung eines Elements in einer Aktion zu setzen. Mit Schlüsselwörtern wie icon kann die Zeichensatzgestaltung des Elements angemessen eingestellt werden, um mit einem Aspekt der Computersystemumgebung des Benutzers übereinzustimmen. Beachten Sie, dass mindestens die Zeichensatzgröße und die Zeichensatzart angegeben werden müssen, wenn diese Schlüsselwörter nicht verwendet werden.

Die folgenden Attribute können in dieser Reihenfolge eingestellt werden:

Ein Wert kann weggelassen werden, z.B. font:100% verdana; ist ebenfalls erlaubt. Unbekannte Attribute werden mit ihren Standardwerten verwendet.

Weitere Informationen:

CSS-Tutorial:CSS Schriftart

HTML DOM Referenzhandbuch:font-Attribut

Beispiel

Alle Schriftattribute in einer Deklaration einstellen:

p.ex1
  {
  font:italic arial,sans-serif;
  }
p.ex2
  {
  font:italic bold 12px/20px arial,sans-serif;
  }

Selbst ausprobieren

CSS-Syntax

font: font-style font-variant font-weight font-size/line-height font-family|caption|icon|menu|message-box|small-caption|status-bar|initial|inherit;

Attributwert

Wert Beschreibung
font-style Bestimmt den Schriftstil. Siehe:font-style Mögliche Werte.
font-variant Bestimmt die Schriftvariante. Siehe:font-variant Mögliche Werte.
font-weight Bestimmt die Schriftstärke. Siehe:font-weight Mögliche Werte.
font-size/line-height Bestimmt die Schriftgröße und die Zeilenhöhe. Siehe:font-size und line-height Mögliche Werte.
font-family Bestimmt die Zeichensatzreihe. Siehe:font-family Mögliche Werte.
caption Definiert die Schriftart, die von den Titelleistenkontrollen (z.B. Schaltflächen, Dropdown-Listen) verwendet wird.
icon Definiert die Schriftart, die von den Symbolen verwendet wird.
menu Definiert die Schriftart, die von der Dropdown-Liste verwendet wird.
message-box Definiert die Schriftart, die vom Dialog verwendet wird.
small-caption Kleine Version der "caption"-Schriftart.
status-bar Definiert die Schriftart, die vom Fenstersitzzeilenstatus verwendet wird.

Technische Details

Standardwert: nicht spezifiziert
Vererbbarkeit: ja
Version: CSS1
JavaScript-Syntax: object.style.font="italic small-caps bold 12px arial,sans-serif"

TIY-Beispiel

Alle Schriftattribute in einer Deklaration
Dieses Beispiel zeigt, wie man die Schriftattribute in einer Deklaration mit Kurzwerten einstellt.
Schriftart einstellen mit dem Wert "caption"
Dieses Beispiel zeigt, wie man die Schriftart eines Absatzes mit dem Wert "caption" einstellt.

Browser-Unterstützung

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

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