<html>
<link rel="stylesheet" href="josh.css">
<body bgcolor="#FFFFFF">

		<div id="Beschreibung">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">font</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">4</span> CSS <span class="emphasis">1</span></td>
				</tr>
				<tr>
					<td colspan="2" class="divider"><img src="dwres:18084" width="100%" height="1"></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Vererbt: Ja</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>Kurzattribut, mit dem sich mehrere schriftbezogene Attribute in einer einzigen Anweisung festlegen lassen. Manche Browser nehmen es mit den erforderlichen und optionalen Werten nicht so ernst wie andere, doch in diesem Attribut sollte zumindest die Schriftgr&ouml;&szlig;e (<span class="replaceable">font-size</span>) gefolgt von der Schrift (entweder <span class="replaceable">font-family</span>- oder <span class="replaceable">CSS2FontConstant</span>-Werte) angegeben werden. Die Reihenfolge der anderen durch Leerzeichen getrennten Werte ist nicht weiter wichtig. Bei CSS2 werden von zus&auml;tzlichen Konstanten Systemschriften verf&uuml;gbar gemacht, bei denen die verschiedenen Schriftattribute vorgegeben sind.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="csssyntax"><span class="title">CSS-Syntax</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>font: <span class="replaceable">font-style</span> || <span class="replaceable">font-variant</span> || <span class="replaceable">font-weight</span> || <span class="replaceable">font-size[/line-height]</span> ||
<span class="replaceable">font-family</span> | <span class="replaceable">CSS2FontConstant</span></pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Wert</span></td>
				</tr>
				<tr>
					<td><p>Informationen zur Syntax und Beispiele f&uuml;r die Werte von Schrift- und Linienattributen finden Sie unter der jeweiligen Attributbeschreibung. Die Konstruktion mit dem Vorw&auml;rtsschr&auml;gstrich vor dem <span class="replaceable">line-height</span>-Wert erm&ouml;glicht die Angabe eines zweiten L&auml;ngenwerts in der potenziell sehr lange Wertefolge f&uuml;r dieses Attribut: Der <span class="replaceable">line-height</span>-L&auml;ngenwert muss immer zusammen mit dem erforderlichen <span class="replaceable">font-size</span>-Wert angegeben und durch einen Vorw&auml;rtsschr&auml;gstrich getrennt sein.
</p><p>Es gibt folgende CSS2-Schriftkonstanten: <span class="literal">caption</span> | <span class="literal">icon</span> | <span class="literal">menu</span> | <span class="literal">message-box</span> | <span class="literal">small-caption</span> | <span class="literal">status-bar</span>. Diese Konstanten beziehen sich auf die vom Client verwendeten Browser- und Betriebssystemschriften. Ihr genaues Erscheinungsbild ist daher vom Betriebssystem abh&auml;ngig, entspricht jedoch f&uuml;r einen bestimmten Schrifttyp der Erwartung des Benutzers. Mit anderen Worten: Diese Stile sollten dann verwendet werden, wenn ihre Funktion eine System- oder Browserfunktion widerspiegelt.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="initvalue"><span class="title">Anfangswert</span></td>
				</tr>
				<tr>
					<td><p>Keiner.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Beispiel</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>body {font: 12px serif}
h2 {font: bolder small-caps 16px "Lucida Console", Arial, sans-serif}
.iconCaption {font: 10px/1.1em caption}</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="appliesto"><span class="title">Gilt f&uuml;r</span></td>
				</tr>
				<tr>
					<td><p>Alle Elemente.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectmodelreference"><span class="title">Objektmodellreferenz</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>[window.]document.getElementById("<span class="replaceable">elementID</span>").style.font</pre>
						</span></td>
				</tr>
			</table>
		</div>
</body>
</html>