<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-bottom-width, border-left-width, border-right-width, border-top-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>Chacun de ces attributs d&eacute;finit la largeur &agrave;appliquer &agrave;un c&ocirc;t&eacute; de la bordure d'un &eacute;l&eacute;ment. Notez que dans Navigator&#160;4, la valeur initiale de chaque attribut est z&eacute;ro; cela signifie que, pour que la bordure enti&egrave;re soit visible dans ce navigateur, vous devez d&eacute;finir la largeur de chaque c&ocirc;t&eacute; de la bordure. Voir l'attribut <span class="literal">border-width</span> pour d&eacute;finir la largeur de plusieurs c&ocirc;t&eacute;s de la bordure &agrave;l'aide d'une seule instruction.
</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-bottom-width: thin | medium | thick | <span class="replaceable">length</span>
border-left-width: thin | medium | thick | <span class="replaceable">length</span>
border-right-width: thin | medium | thick | <span class="replaceable">length</span>
border-top-width: thin | medium | thick | <span class="replaceable">length</span></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>
					</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> (NN 6, IE); <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>h2 {border-bottom-width: 2px}
div {border-left-width: thin}
p.special {border-right-width: 0.5em}</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.borderBottomWidth
[window.]document.getElementById("<span class="replaceable">elementID</span>").style.borderLeftWidth
[window.]document.getElementById("<span class="replaceable">elementID</span>").style.borderRightWidth
[window.]document.getElementById("<span class="replaceable">elementID</span>").style.borderTopWidth</pre>
						</span></td>
				</tr>
			</table>
		</div>
</body>
</html>