<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">width</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>ブロックレベル要素、置換された要素、および配置された要素のコンテンツの幅を設定します。ボーダー、余白、およびマージンは含みません。
</p><p>Windows 版 IE では、IE 6 の標準準拠モードまでは、要素の幅の計算時に左右のマージン、余白、およびボーダーが考慮されます。第 8 章の <span class="literal">DOCTYPE</span> 要素を参照してください。CSS 標準では、幅は要素のコンテンツ部分だけに適用され、ボーダー、余白、またはマージンは含まれません。この変更は、W3C と互換性を持たせるために作成し直している古いコードに大きく影響する可能性があります。
</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>width: <span class="replaceable">length</span> | <span class="replaceable">percentage</span> | auto</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>詳しくは本章の始めにある length の値についての説明を参照してください。<span class="literal">auto</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">auto</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>div#announce {position: relative; left: 30; width: 240}
textarea {width: 80%}</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>Navigator 4 ではすべての絶対的に配置された要素。Internet Explorer 4 では <span class="literal">applet</span>、<span class="literal">div</span>、<span class="literal">embed</span>、<span class="literal">fieldset</span>、<span class="literal">hr</span>、<span class="literal">iframe</span>、<span class="literal">img</span>、<span class="literal">input</span>、<span class="literal">marquee</span>、<span class="literal">object</span>、<span class="literal">span</span>、<span class="literal">table</span>、および <span class="literal">textarea</span> の各要素。Internet Explorer 5 と Netscape 6 では、置換されていないインライン要素、テーブル列要素、および列グループ要素を除くすべての要素。
</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.width</pre>
						</span></td>
				</tr>
			</table>
		</div>
</body>
</html>