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

		<div id="説明">
			<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">継承 : あり</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>簡略化するための属性で、1 つの割り当てステートメントで複数のフォント関係の属性を一度に設定することができます。必須の値と任意の値の処理はブラウザによって異なりますが、この属性には、少なくとも <span class="replaceable">font-size</span> とフォント (<span class="replaceable">font-family</span> 値または <span class="replaceable">CSS2FontConstant</span> 値) をこの順序で指定する必要があります。その他のスペース区切りの値のタイプの順序は重要ではありません。CSS2 には、フォント関係の各属性に値が固定されているシステムフォントを適用する簡単な定数が追加されています。
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="csssyntax"><span class="title">CSS 構文</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</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">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">値</span></td>
				</tr>
				<tr>
					<td><p>フォント属性とライン属性で使用できる値タイプの構文および使用例については、それぞれの属性を参照してください。<span class="replaceable">line-height</span> 値の前にスラッシュを入力して、別の長さの値を使用できます。<span class="replaceable">line-height</span> の長さの値は、スラッシュで区切って必須の <span class="replaceable">font-size</span> 値に続ける必要があります。
</p><p>CSS2 フォントの定数値は次のとおりです。<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>。これらの定数値はクライアントで使用されるブラウザと OS のフォントを参照します。正確な表示は OS によって異なりますが、特定のフォントタイプは常に一定の表示が求められます。このため、これらのスタイルの関数がシステムまたはブラウザの関数をミラリングする場合にそのスタイルを使用することをお勧めします。
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="initvalue"><span class="title">既定値</span></td>
				</tr>
				<tr>
					<td><p>なし</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">例</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</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">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="appliesto"><span class="title">適用先</span></td>
				</tr>
				<tr>
					<td><p>すべての要素</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectmodelreference"><span class="title">オブジェクト参照</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</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>