<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-style, border-left-style, border-right-style, border-top-style</td><td valign="top" nowrap class="compatibility">NN<span class="emphasis"> 6</span> IE<span class="emphasis"> 4</span> CSS<span class="emphasis"> 2</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 le style de ligne &agrave;appliquer &agrave;un seul c&ocirc;t&eacute; de la bordure d'un &eacute;l&eacute;ment. Un attribut de style d&eacute;finissant un c&ocirc;t&eacute; sp&eacute;cifique d'une bordure a priorit&eacute; sur un attribut global d&eacute;finissant les quatre c&ocirc;t&eacute;s &agrave;la fois (tel que <span class="literal">border</span> ou <span class="literal">border-style</span>); il faut toutefois que l'attribut sp&eacute;cifique apparaisse apr&egrave;s l'attribut dans la r&egrave;gle de style global (dans l'ordre du code source). Pour d&eacute;finir le style de plusieurs c&ocirc;t&eacute;s d'une bordure &agrave;l'aide d'une seule instruction, voir l'attribut <span class="literal">border-style</span>.
</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-style: <span class="replaceable">style</span>
border-left-style: <span class="replaceable">style</span>
border-right-style: <span class="replaceable">style</span>
border-top-style: <span class="replaceable">style</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>Les valeurs de style sont des constantes associ&eacute;es &agrave;des m&eacute;thodes sp&eacute;cifiques d'affichage des bordures. Les diff&eacute;rentes versions des navigateurs ne reconnaissent pas toutes la totalit&eacute; des valeurs des recommandations CSS. Les valeurs de style prises en charge sont indiqu&eacute;es dans le tableau suivant.
</p><p>La fa&ccedil;on dont les navigateurs interpr&egrave;tent les d&eacute;finitions des valeurs de style est loin d'&ecirc;tre universelle. La figure&#160;11-1 offre un r&eacute;capitulatif de tous les styles affich&eacute;s dans Internet Explorer 6 pour Windows, Explorer 5 pour Macintosh et Netscape 6. Ne vous attendez pas &agrave;une repr&eacute;sentation identique dans tous les navigateurs.
</p>
						<table border="1"><tbody><tr><th>Valeur</th><th>NN</th><th>IE/Windows</th><th>IE/Mac</th><th>CSS</th></tr>
								<tr><td>dashed</td><td>6</td><td>5.5</td><td>4</td><td>1</td>
								</tr>
								<tr><td>dotted</td><td>6</td><td>5.5</td><td>4</td><td>1</td>
								</tr>
								<tr><td>double</td><td>4</td><td>4</td><td>4</td><td>1</td>
								</tr>
								<tr><td>groove</td><td>4</td><td>4</td><td>4</td><td>1</td>
								</tr>
								<tr><td>hidden</td><td>6</td><td>s.o</td><td>4</td><td>2</td>
								</tr>
								<tr><td>inset</td><td>4</td><td>4</td><td>4</td><td>1</td>
								</tr>
								<tr><td>none</td><td>4</td><td>4</td><td>4</td><td>1</td>
								</tr>
								<tr><td>outset</td><td>4</td><td>4</td><td>4</td><td>1</td>
								</tr>
								<tr><td>ridge</td><td>4</td><td>4</td><td>4</td><td>1</td>
								</tr>
								<tr><td>solid</td><td>4</td><td>4</td><td>4</td><td>1</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">none</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>p {border-style: solid; border-bottom-style: none}
div {border-left-style: ridge}</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.</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.borderBottomStyle
[window.]document.getElementById("<span class="replaceable">elementID</span>").style.borderLeftStyle
[window.]document.getElementById("<span class="replaceable">elementID</span>").style.borderRightStyle
[window.]document.getElementById("<span class="replaceable">elementID</span>").style.borderTopStyle</pre>
						</span></td>
				</tr>
			</table>
		</div>
</body>
</html>