Beispiel
Geben Sie alle Schrifteigenschaften in einer Erklärung:
p.ex1
{
font: 15px arial, sans-serif;
}
p.ex2
{
font: italic bold 12px/30px Georgia, serif;
}
Versuch es selber " Mehr "Try it Yourself" Sie "Try it Yourself" Beispiele unten.
Definition und Verwendung
Die Schriftkurzschrift-Eigenschaft setzt alle Schrifteigenschaften in einer Erklärung.
Die Eigenschaften , die eingestellt werden können, sind (in order) der "font-style font-variant font-weight font-size/line-height font-family" (in order) : "font-style font-variant font-weight font-size/line-height font-family"
Die font-size und font-family Werte sind erforderlich. Wenn einer der anderen Werte fehlen, werden die Standardwerte eingesetzt werden, falls vorhanden.
Note: Die Eigenschaft line-height legt den Abstand zwischen den Zeilen.
| Standardwert: | The default value of all the font properties |
|---|---|
| Vererbt: | yes |
| Anima: | yes, see individual properties . Read about animatable Try it |
| Version: | CSS1 |
| JavaScript-Syntax: | object .style.font="italic small-caps bold 12px arial,sans-serif" Try it |
Browser-Unterstützung
Die Zahlen in der Tabelle geben Sie die erste Browser-Version, die die Eigenschaft vollständig unterstützt.
| Eigentum | |||||
|---|---|---|---|---|---|
| font | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Hinweis: Siehe die einzelnen Browser - Unterstützung für jeden unter Wert.
CSS-Syntax
font:font-stylefont-variantfont-weightfont-size/line-height
font-family |caption|icon|menu|message-box|small-caption|status-bar|initial|inherit;Eigenschaftswerte
| Eigentumswert | Beschreibung |
|---|---|
| font-style | Gibt den Schriftstil. Der Standardwert ist "normal" . Siehe font-style für mögliche Werte |
| font-variant | Gibt die Schriftvariante. Der Standardwert ist "normal" . Siehe font-Variante für mögliche Werte |
| font-weight | Gibt die Schriftstärke. Der Standardwert ist "normal" . Siehe font-weight für mögliche Werte |
| font-size/line-height | Gibt die Schriftgröße und die Zeilenhöhe. Der Standardwert ist "normal" . Siehe font-size und line-height für mögliche Werte |
| font-family | Gibt die Schriftfamilie. Der Standardwert ist abhängig von der Browser. Siehe font-family für mögliche Werte |
| caption | Verwendet die Schriftart, die durch geuntertitelt Kontrollen verwendet werden (wie Buttons, Drop-downs, etc.) |
| icon | Verwendet die Schriftart, die von Symbol Etiketten verwendet werden |
| menu | Verwendet die Schriftarten, die von Dropdown-Menüs verwendet werden, |
| message-box | Verwendet die Schriftarten, die von Dialogfeldern verwendet werden, |
| small-caption | Eine kleinere Version der Beschriftung Schriftart |
| status-bar | Verwendet die Schriftarten, die von der Statusleiste verwendet werden, |
| initial | Setzt diese Eigenschaft auf den Standardwert. Lesen Sie mehr über Anfangs |
| inherit | Erbt diese Eigenschaft von seinem übergeordneten Element. Lesen Sie mehr über erben |
Mehr Beispiele
Beispiel
Eine Demonstration von einigen der anderen Schrifteigenschaftswerte.
<p style="font:caption">The browser font used in captioned controls.</p>
<p style="font:icon">The browser font used in icon labels.</p>
<p
style="font:menu">The browser font used in dropdown menus.</p>
<p
style="font:message-box">The browser font used in dialog boxes.</p>
<p
style="font:small-caption">A smaller version of the caption font.</p>
<p
style="font:status-bar">The browser font used in the status bar.</p> Versuch es selber " Verwandte Seiten
CSS Tutorial: CSS Font
HTML - DOM - Referenz: font property - font property