<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, border-left, border-right, border-top</td><td valign="top" nowrap class="compatibility">NN<span class="emphasis"> 6</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>Ces quatre attributs permettent de d&eacute;finir, &agrave;l'aide d'une seule instruction, la largeur, le style et/ou la couleur d'un seul c&ocirc;t&eacute; de la bordure d'un &eacute;l&eacute;ment. Les attributs qui ne sont pas explicitement d&eacute;finis par cet attribut adoptent leur valeur initiale.
</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: <span class="replaceable">border-bottom-width</span> || <span class="replaceable">border-bottom-style</span> || <span class="replaceable">color</span>
border-left: <span class="replaceable">border-left-width</span> || <span class="replaceable">border-left-style</span> || <span class="replaceable">color</span>
border-right: <span class="replaceable">border-right-width</span> || <span class="replaceable">border-right-style</span> || <span class="replaceable">color</span>
border-top: <span class="replaceable">border-top-width</span> || <span class="replaceable">border-top-style</span> || <span class="replaceable">color</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>Pour en savoir plus sur les valeurs des attributs largeur et style, reportez-vous &agrave;la description des attributs <span class="literal">border-bottom-width</span> et <span class="literal">border-bottom-style</span>, dans le pr&eacute;sent chapitre. Pour plus de d&eacute;tails sur la valeur <span class="replaceable">color</span>, voir la section consacr&eacute;e aux couleurs, au d&eacute;but de ce 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>Aucune.</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>p {border-bottom: 3px solid lightgreen}
p {border-left: 6px solid lightgreen}
p {border-right: 3px solid lightgreen}
p {border-top: 6px solid lightgreen}</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.borderBottom
[window.]document.getElementById("<span class="replaceable">elementID</span>").style.borderLeft
[window.]document.getElementById("<span class="replaceable">elementID</span>").style.borderRight
[window.]document.getElementById("<span class="replaceable">elementID</span>").style.borderTop</pre>
						</span></td>
				</tr>
			</table>
		</div>
</body>
</html>