<html>
<link rel="stylesheet" href="josh.css">
<body bgcolor="#FFFFFF">
		<div id="Description">
			<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">Inherited: Yes</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>Sets the weight (boldness) of the element's font.
CSS provides a weight rating scheme that is more granular than most
browsers render on the screen, but the finely tuned weights may come
into play when the content is sent to a printer. The scale is a
numeric rating from 100 to 900 at 100-unit increments. Therefore, a
<span class="literal">font-weight</span> of 100 is the least bold that can be
displayed, whereas 900 is the boldest. A setting of
<span class="literal">normal</span> (the default weight for any font) is
equivalent to a <span class="literal">font-weight</span> value of
<span class="literal">400</span>; the standard bold setting is equivalent to
<span class="literal">700</span>. Other settings (<span class="literal">bolder</span> and
<span class="literal">lighter</span>) let you specify a weight relative to the
parent element's weight.
</p><p>The CSS2 specification offers guidelines about how the weight values
should correspond to font family names and internal characteristics
of some font definition formats. For example, the OpenType font
definition format provides slots for nine font weights. In this case,
the numeric <span class="literal">font-weight</span> attribute values map
directly to the weight definitions in that font. If the font family
contains a face with a name that contains the word Medium and one
labeled Book, Regular, Roman, or Normal, the Medium face is equated
with a weight value of <span class="literal">500</span> (whereas the other is
at <span class="literal">400</span>). All font face names including the word
Bold are equated with a weight of <span class="literal">700</span>. For font
families that don't have all nine weights assigned,
the browser should do its best to interpolate, but it is very likely
that some weight values generate fonts of the same weight as other
values.
</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 Syntax</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">Value</span></td>
				</tr>
				<tr>
					<td><p>Any of the following constant values: <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">Initial Value</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">Example</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">Applies To</span></td>
				</tr>
				<tr>
					<td><p>All elements.</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">Object Model Reference</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>