Style font -Eigenschaft
Beispiel
Legen Sie die Schriftart für ein Element fest:
document.getElementById("demo").style.font = "italic bold 20px arial,serif";
Definition und Verwendung
Die Font-Eigenschaft legt bis zu sechs separate Font-Eigenschaften in Kurzform fest oder gibt sie zurück.
Mit dieser Eigenschaft können Sie Folgendes festlegen/zurückgeben (in dieser Reihenfolge):
- Schriftstil
- Schriftart-Variante
- Schriftstärke
- Schriftgröße
- Zeilenhöhe
- Schriftfamilie
Die Schriftgröße und die Schriftfamilie sind erforderlich. Wenn einer der anderen Werte fehlt, werden die Standardwerte eingefügt, falls vorhanden.
Die obigen Eigenschaften können auch mit separaten Stileigenschaften festgelegt werden. Die Verwendung separater Eigenschaften wird für nicht fortgeschrittene Autoren zur besseren Kontrollierbarkeit dringend empfohlen.
Browser-Unterstützung
Property | |||||
---|---|---|---|---|---|
font | Yes | Yes | Yes | Yes | Yes |
Syntax
Geben Sie die Font-Eigenschaft zurück:
object.style.font
Legen Sie die Schriftart-Eigenschaft fest:
object.style.font = "font-style font-variant font-weight font-size/line-height|caption|icon|menu|
message-box|small-caption|status-bar|initial|inherit;"
Eigenschaftswerte
Value | Description |
---|---|
style | Sets the font-style |
variant | Sets the text in a small-caps font |
weight | Sets the boldness of the font |
size | Sets the size of the font |
lineHeight | Sets the distance between lines |
family | Sets the font face |
caption | The font used for captioned controls (like buttons, drop-downs, etc.) |
icon | The font used to label icons |
menu | The font used in menus |
message-box | The font used in dialog boxes |
small-caption | The font used in small controls |
status-bar | The font used in window status bars |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Technische Details
Standardwert: | unbestimmt |
---|---|
Rückgabewert: | Ein String, der verschiedene Schriftarteigenschaften des Elements darstellt |
CSS-Version | CSS1 |
Mehr Beispiele
Beispiel
Gibt die Schriftart eines Elements zurück:
alert(document.getElementById("demo").style.font);
Verwandte Seiten
CSS-Tutorial: CSS-Schriftart
CSS-Referenz: font-Eigenschaft
❮ Style-Objekt