<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">border-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>Cette forme courte d'attribut permet d'appliquer &agrave;plusieurs c&ocirc;t&eacute;s d'une bordure la m&ecirc;me largeur ou une largeur diff&eacute;rente. Vous pouvez sp&eacute;cifier entre une et quatre valeurs de longueur/largeur, s&eacute;par&eacute;es par des espaces. Le nombre de valeurs d&eacute;termine les c&ocirc;t&eacute;s auxquels seront affect&eacute;es ces largeurs.
</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>border-width: thin | medium | thick | <span class="replaceable">length</span> {1,4}</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>Trois constantes, <span class="literal">thin</span> | <span class="literal">medium</span> | <span class="literal">thick</span>, permettent au navigateur de d&eacute;finir le nombre exact de pixels &agrave;utiliser pour afficher la bordure. Pour une plus grande pr&eacute;cision, vous pouvez sp&eacute;cifier une longueur (pour en savoir plus sur les valeurs de longueur, reportez-vous au d&eacute;but du pr&eacute;sent chapitre).
</p><p>Cet attribut accepte une, deux, trois ou quatre valeurs de <span class="replaceable">borderWidth</span>, s&eacute;par&eacute;s par des espaces, selon le nombre de c&ocirc;t&eacute;s et les c&ocirc;t&eacute;s sp&eacute;cifiques auxquels vous souhaitez appliquer les styles. Les valeurs sp&eacute;cifi&eacute;es sont interpr&eacute;t&eacute;es de la fa&ccedil;on suivante:
</p>
						<table border="1"><tbody><tr><th>Nombre de valeurs</th><th>Effet</th></tr>
								<tr><td>1</td><td>La valeur sp&eacute;cifi&eacute;e est appliqu&eacute;e aux quatre c&ocirc;t&eacute;s de la bordure.</td>
								</tr>
								<tr><td>2</td><td>La premi&egrave;re valeur sp&eacute;cifi&eacute;e est appliqu&eacute;e aux c&ocirc;t&eacute;s sup&eacute;rieur et inf&eacute;rieur, et la seconde valeur aux c&ocirc;t&eacute;s droit et gauche
</td>
								</tr>
								<tr><td>3</td><td>La premi&egrave;re valeur est appliqu&eacute;e au c&ocirc;t&eacute; sup&eacute;rieur, la seconde aux c&ocirc;t&eacute;s droit et gauche, et la troisi&egrave;me au c&ocirc;t&eacute; inf&eacute;rieur
</td>
								</tr>
								<tr><td>4</td><td>Chaque valeur est appliqu&eacute;e, respectivement, au c&ocirc;t&eacute; sup&eacute;rieur, droit, inf&eacute;rieur et gauche</td>
								</tr>
							</tbody></table>
					</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">medium</span> (IE et NN 6); <span class="literal">0</span> (NN 4)</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>h1 {border-style: ridge; border-width: 3px 5px 3px}
div {border-style: solid double; border-width: 4px}</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>Tous les &eacute;l&eacute;ments, mais uniquement les &eacute;l&eacute;ments de niveau bloc et &eacute;l&eacute;ments remplac&eacute;s dans IE 4 et 5 pour Windows.
</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.borderWidth</pre>
						</span></td>
				</tr>
			</table>
		</div>
</body>
</html>