Inhaltsverzeichnis
Übersicht
Die Eigenschaft font bestimmt die Schrift des Elments.
- Standardwert
- Siehe einzelne Eigenschaften
- Anwendbar auf
- Alle Elemente
- Geerbt
- Ja
- Medium
- visual
- Werte
- Die werte für font-style, font-variant, font-weight, font-size, line-height und font-family oder caption, icon, menu, message-box, small-caption, status-bar, inherit
Syntax
font: [ [ <'font-style'> || <'font-variant'> || <'font-weight'> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'> ] | caption | icon | menu | message-box | small-caption | status-bar | inherit
Werte
- font-style
- Siehe font-style
- font-variant
- Siehe font-variant
- font-weight
- Siehe font-weight
- font-size
- Siehe font-size
- line-height
- Siehe line-height
- font-family
- Siehe font-family
- inherit
- der Browser verwendet den Wert des Elternelements.
Die Werte font-size und font-family müssen immer angegeben werden und am Ende stehen. Will man einen Wert für line-height angeben so schreibt man ihn hinter den Wert für font-size, mit einem / getrennt.
Werte, die sich auf Systemeigenschaften beziehen
- caption
- Schrift, die für Beschriftungen von Kontrollelementen (Buttons, drop-downs, ...) verwendet wird
- icon
- Schrift, die zur Beschriftung von Icons verwendet wird
- menu
- Schrift die in Menüs benutzt wird
- message-box
- Schrift die in Dialogboxen verwendet wird
- small-caption
- Schrift die für kleine Kontrollelemente benutzt wird.
- status-bar
- Schrit die in Statusleisten benutzt wird
Beispiele
| Ergebnis | Quelltext |
| Testtext | font:15px sans-serif |
| Testtext | font:15px/10px sans-serif |
| Testtext | font:italic 20px fantasy |
| Testtext | font:small-caps bold 15px 'Arial Black' |
| Testtext | font:icon |
Browser-Kompatibilität
| Browser | Internet Explorer | Netscape | Opera | Firefox | Konqueror | |||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Version | 4 | 5 | 6 | 7 | 4 | 5 | 6 | 7 | 3 | 4 | 5 | 6 | 7 | 8 | 1 | 2 | 3 | 3.5.x |
| wird unterstützt | Ja | Ja | Ja | Ja | Ja | Ja | Ja | Ja | Ja * | Ja | Ja | Ja | Ja | Ja | Ja | Ja | Ja | Ja |
Siehe auch
text-decoration, font-style, font-variant, font-weight, font-size, line-height, font-family
Page last modified 13:45, 10 Aug 2007 by Michael2402