English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Die CSS font-Eigenschaft legt die Stile, Varianten, Fettigkeit, Größe des Textinhalts des Elements fest/Zeilenhöhe und Zeichensatzreihe. Es wird verwendet, um in einer einzigen Deklarationfont-style,font-variant,font-weight,font-size,line-heightundfont-familyKurzschreibweise für verschiedene Schriftartenattribute in der Regel festgelegt
Die nachstehende Tabelle zeigt die Verwendung und Versionshistorie dieser Eigenschaft sowie die Syntax in JavaScript-Skripten.
| Standardwert: | Alle Attribute anzeigen |
|---|---|
| Geeignet für: | Alle Elemente |
| Vererbung: | Ja |
| Animierbar: | Ja, da einige Attribute der Kurzschrift animiert werden können.Bitte beachten Sie Animationsattribute. |
| Version: | CSS 1,2,3 |
| JavaScript-Syntax: | object.style.font="italic klein-caps fett 14px arial,sans-serif" |
Die Syntax dieser Eigenschaft ist wie folgt:
Schrift: [ Schrift-Stil Schriftart-Variante Schriftart-Gewicht Schriftart-size/line-Höhe Schriftart-family ] | Beschriftung | Symbol | Menü | Nachricht-box | small-caption | status-bar | initial | inherit
Bei der Verwendung der Schriftkurzeigenschaft müssen einige Bedingungen erfüllt werden. Wenn diese Bedingungen nicht erfüllt sind, ist das Attribut ungültig und wird vollständig ignoriert.
Muss definiert werdenfont-sizeundfont-familyAttributswert.
Muss infont-sizeWert (wenn vorhanden) vor der Definition des Attributwerts definiert werden.font-style,font-variantundfont-weightder Wert der Eigenschaft
line-heightMuss infont-sizeDie Attributwerte müssen unmittelbar nach dem Attribut definiert werden und müssen vor dem Attributswert obligatorische " /" (Schrägstrich).
font-familyMuss der zuletzt definierte Wert sein.
Der folgende Beispiel zeigt, wie die font-Eigenschaft verwendet wird, beachten Sie die Reihenfolge der Attributwerte.
h1 {
font: bold 2.5em "Times New Roman", Times, serif;
}
p {
font: normal 1.2em Arial, Helvetica, sans-serif;
}Testen Sie heraus‹/›Die folgende Tabelle beschreibt die Werte dieses Attributes.
| Wert | Beschreibung |
|---|---|
| font-style | Schriftstil einstellen. |
| font-variant | Schriftvariante einstellen. |
| font-weight | Schriftstärke einstellen. |
| font-size | Schriftgröße einstellen. |
| line-height | Zeilenhöhe einstellen. |
| font-family | Schriftartsserie angeben. |
| initial | Diese Eigenschaft auf ihren Standardwert setzen. |
| inherit | Wenn angegeben, wird das zugehörige Element die Eigenschaftswerte des Elternelements font annehmen. |
Nachfolgende Werte beziehen sich auf die Systemschriftart: | |
| caption | Schriftart für Untertitelselemente verwendet (z.B. Schaltflächen, Dropdown-Menüs). |
| icon | Schriftart für Symbole verwendet. |
| menu | Schriftart im Menü verwendet (z.B. Dropdown-Menü und Menüliste). |
| message-box | Schriftart im Dialogfenster verwendet. |
| small-caption | Schriftart für kleine Steuerelemente verwendet. |
| status-bar | Schriftart im Fensterstatusleiste verwendet. |
Browserkompatibilität der font-Eigenschaft, die Zahlen in der folgenden Tabelle stellen die niedrigste Versionsnummer der Browser dar, die diese Eigenschaft unterstützen; alle gängigen Browser unterstützen diese Eigenschaft.
|
Bitte beziehen Sie sich auf die folgenden Anleitungen:CSS Schrift,CSS Text.
Verwandte Eigenschaften und Regeln:font-style,font-variant,font-weight,font-size,line-height,font-family,@font-face.