<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">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">H&eacute;rit&eacute;: non</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>D&eacute;finit la largeur d'un &eacute;l&eacute;ment de niveau bloc, remplac&eacute; et positionn&eacute; (sans compter les bordures, le remplissage et les marges).
</p><p>Internet Explorer pour Windows inclut les marges gauche et droite, le remplissage et les bordures dans le calcul de la largeur d'un &eacute;l&eacute;ment, tant que vous n'activez pas le mode de compatibilit&eacute; aux normes d'Internet Explorer&#160;6 (reportez-vous &agrave;l'&eacute;l&eacute;ment <span class="literal">DOCTYPE</span> au chapitre&#160;8). Si les normes CSS sont respect&eacute;es, la largeur s'applique uniquement &agrave;la partie contenu d'un &eacute;l&eacute;ment, quels que soient les bordures, le remplissage ou les marges. Ce changement peut avoir une incidence consid&eacute;rable sur le code h&eacute;rit&eacute; que vous amenez au niveau de compatibilit&eacute; W3C.
</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">Syntaxe CSS</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</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">&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Valeur</span></td>
				</tr>
				<tr>
					<td><p>Pour plus de d&eacute;tails sur les valeurs de longueur, voir le d&eacute;but de ce chapitre. Si vous sp&eacute;cifiez la valeur <span class="literal">auto</span>, le navigateur d&eacute;termine automatiquement la largeur du cadre de l'&eacute;l&eacute;ment en fonction de l'espace n&eacute;cessaire pour afficher son contenu &agrave;l'int&eacute;rieur de la fen&ecirc;tre actuelle.
</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">Valeur initiale</span></td>
				</tr>
				<tr>
					<td><p><span class="literal">auto</span></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">Exemple</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</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">&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="appliesto"><span class="title">S'applique &agrave;</span></td>
				</tr>
				<tr>
					<td><p>Navigator 4, tous les &eacute;l&eacute;ments &agrave;positionnement absolu; Internet Explorer 4, &eacute;l&eacute;ments <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> et <span class="literal">textarea</span>; Internet Explorer 5 et Netscape 6, tous les &eacute;l&eacute;ments sauf les &eacute;l&eacute;ments incorpor&eacute;s non remplac&eacute;s, les &eacute;l&eacute;ments colonne de tableau et les &eacute;l&eacute;ments groupe de colonnes.
</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">R&eacute;f&eacute;rence de mod&egrave;le d'objet</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.width</pre>
						</span></td>
				</tr>
			</table>
		</div>
</body>
</html>