<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-weight</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">4</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>要素のフォントのウエイト (太さ) を設定します。CSS ではフォントの幅を大半のブラウザで画面に表示できる範囲より細かく設定できますが、プリンタで印刷する場合に細かい設定を行うと便利です。スケールは、100 ～ 900 までの数値を 100 単位で指定できます。<span class="literal">font-weight</span> が 100 では表示できる範囲で一番細いフォントで、900 が一番太いフォントです。既定値 <span class="literal">normal</span> を指定すると、<span class="literal">font-weight</span> 値を <span class="literal">400</span> に設定した場合と同じになります。標準の太字設定は、<span class="literal">700</span> に相当します。その他の設定 (<span class="literal">bolder</span> や <span class="literal">lighter</span>) を指定すると、親要素の太さを基準にした相対的な太さを指定できます。
</p><p>CSS2 仕様には、ウエイト値とフォントファミリ名の関係とフォント定義フォーマットの一部の内部特性を示すガイドラインがあります。たとえば、OpenType フォントの定義フォーマットは 9 つのフォントウエイトに分かれます。この場合、数多くの <span class="literal">font-weight</span> 属性値がそのフォントのウエイト定義に直接マップされます。フォントファミリに Medium という言葉を含む名前のフォントがあり、Book、Regular、Roman、または Normal という名前のフォントがある場合、Medium フォントは <span class="literal">500</span> のウエイト値と同じになります。その他のフォントは <span class="literal">400</span> になります。Bold という言葉を含むすべてのフォント名は <span class="literal">700</span> のウェイトと同じになります。指定された 9 つすべてのウエイトがフォントファミリにない場合、ブラウザはそれを補おうとしますが、いくつかのウエイト値では、他の値と同じ太さのフォントが生成される可能性があります。
</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-weight: <span class="replaceable">fontWeight</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="literal">bold</span> | <span class="literal">bolder</span> | <span class="literal">lighter</span> | <span class="literal">normal</span> | <span class="literal">100</span> | <span class="literal">200</span> | <span class="literal">300</span> | <span class="literal">400</span> | <span class="literal">500</span> | <span class="literal">600</span> | <span class="literal">700</span> | <span class="literal">800</span> | <span class="literal">900</span>
</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><span class="literal">normal</span></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>p em {font-weight: bolder}</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.fontWeight</pre>
						</span></td>
				</tr>
			</table>
		</div>
</body>
</html>