Style font Eigenschaft

Definition und Verwendung

font Eigenschaften können in Kurzform eingestellt oder bis zu sechs einzelne Schriftarteneigenschaften zurückgegeben werden.

Durch diese Eigenschaft können Sie die folgenden Inhalte einstellen/zurückgeben (in dieser Reihenfolge):

font-size und font-family wird benötigt. Fehlt einer der anderen Werte, wird der Standardwert (wenn vorhanden) eingefügt.

Diese Attribute können auch mit separaten Stileigenschaften eingerichtet werden. Es wird dringend empfohlen, dass nicht fortgeschrittene Autoren separate Attribute verwenden, um eine bessere Kontrolle zu gewährleisten.

Weitere Informationen:

CSS-Tutorial:CSS-Schrift

CSS-Referenzhandbuch:font-Attribut

Beispiel

Beispiel 1

Schriftart des <p>-Elements einstellen:

document.getElementById("myP").style.font = "italic bold 20px arial,serif";

Versuchen Sie es selbst

Beispiel 2

Rückgabe der Schriftart des <p>-Elements:

alert(document.getElementById("myP").style.font);

Versuchen Sie es selbst

Syntax

font-Attribut zurückgeben:

object.style.font

font-Attribut einstellen:

object.style.font = "font-style font-variant font-weight font-size/line-height|caption|icon|menu|
message-box|small-caption|status-bar|initial|inherit;"

Attributwert

Wert Beschreibung
style Zeichensatzstil einstellen.
variant Text in kleingeschriebene Großbuchstaben setzen.
weight Zeichensatzdicke einstellen.
size Zeichensatzgröße einstellen.
lineHeight Zeilenabstand einstellen.
family Zeichenfolge einstellen.
caption Zeichenfolge, die für Titelsteuerelemente (wie Schaltflächen, Dropdown-Listen usw.) verwendet wird.
icon Zeichenfolge, die zur Markierung von Symbolen verwendet wird.
menu Zeichenfolge, die in Menüs verwendet wird.
message-box Zeichenfolge, die in Dialogen verwendet wird.
small-caption Zeichenfolge, die in kleinen Steuerelementen verwendet wird.
status-bar Zeichenfolge, die im Statusleistenfenster des Fensters verwendet wird.
initial Setzt diesen Attributwert auf seinen Standardwert. Siehe initial.
inherit Erbt diesen Attributwert von seinem übergeordneten Element. Siehe inherit.

Technische Details

Standardwert: Nicht spezifiziert
Rückgabewert: Zeichenkette, die verschiedene Zeichensatzattribute des Elements darstellt.
CSS-Version: CSS1

Browser-Unterstützung

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Unterstützt Unterstützt Unterstützt Unterstützt Unterstützt