Beispiel
Stellen Sie die Schriftart für ein <p> Element:
document.getElementById("myP").style.font = "italic bold 20px arial,serif"; Versuch es selber " Definition und Verwendung
Die Schriftart-Eigenschaft legt oder kehrt in sechs separaten Schrifteigenschaften, in einer Kurzform auf.
Mit dieser Eigenschaft können Sie einstellen / Return die folgende (in dieser Reihenfolge):
- Schriftstil
- font-variant
- font-weight
- Schriftgröße
- Zeilenhöhe
- Schriftfamilie
Die font-size und font-family erforderlich. Wenn einer der anderen Werte fehlen, werden die Standardwerte eingefügt werden, falls vorhanden.
Die Eigenschaften, die oben kann auch mit separaten Stileigenschaften eingestellt werden. Die Verwendung von separaten Eigenschaften für nicht-fortgeschrittene Autoren für eine bessere Steuerbarkeit sehr zu empfehlen.
Browser-Unterstützung
Die Font-Eigenschaft ist in allen wichtigen Browsern unterstützt.
Syntax
Bringen Sie die Font-Eigenschaft:
object .style.font
Stellen Sie die Schrift Eigenschaft:
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
| Wert | Beschreibung |
|---|---|
| style | Legt den font-style |
| variant | Legt den Text in einer Small Caps Schriftart |
| weight | Legt die Kühnheit der Schrift |
| size | Legt die Größe der Schrift |
| lineHeight | Stellt den Abstand zwischen den Linien |
| family | Legt die Schriftart |
| caption | Die Schriftart für Titel Kontrollen verwendet (like buttons, drop-downs, etc.) |
| icon | Die Schriftart-Label-Symbole verwendet |
| menu | Die Schrift in den Menüs verwendet |
| message-box | Die Schriftart in Dialogfenstern |
| small-caption | Die Schrift in kleinen Kontrollen verwendet |
| status-bar | Die Schrift in Fenster Statusleisten verwendet |
| initial | Setzt diese Eigenschaft auf den Standardwert. Lesen Sie mehr über Anfang |
| inherit | Erbt diese Eigenschaft von seinem übergeordneten Elemente. Lesen Sie mehr über erben |
Technische Details
| Standardwert: | keine Angabe |
|---|---|
| Rückgabewert: | Ein String, die verschiedenen Schrifteigenschaften des Elements |
| CSS Version | CSS1 |
Mehr Beispiele
Beispiel
Bringen Sie die Schriftart eines <p> Element:
alert(document.getElementById("myP").style.font); Versuch es selber " Verwandte Seiten
CSS Tutorial: CSS Font
CSS - Referenz: font property - font property
<Style - Objekt