<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-style</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 le m&ecirc;me style ou un style diff&eacute;rent. Navigator 4 n'autorise qu'une seule valeur, laquelle est appliqu&eacute;e aux quatre c&ocirc;t&eacute;s de la bordure. Pour Internet Explorer et Netscape 6, vous pouvez fournir de une &agrave;quatre valeurs de style de bordure s&eacute;par&eacute;es par un espace. Le nombre de valeurs sp&eacute;cifi&eacute;es d&eacute;termine &agrave;quels c&ocirc;t&eacute;s de la bordure ce style doit &ecirc;tre appliqu&eacute;.
</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-style: <span class="replaceable">borderStyle</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>Les valeurs de style sont des constantes associ&eacute;es &agrave;des m&eacute;thodes sp&eacute;cifiques d'affichage des bordures. Les navigateurs ne reconnaissent pas tous la totalit&eacute; des valeurs des recommandations CSS. Les valeurs de style prises en charge sont les suivantes.
</p><p>La fa&ccedil;on pr&eacute;cise 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 des 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><p>Dans Navigator&#160;4, vous ne pouvez appliquer qu'une seule valeur de style. Dans Internet Explorer et Netscape&#160;6, l'attribut accepte une, deux, trois ou quatre valeurs <span class="replaceable">borderStyle</span>, s&eacute;par&eacute;es 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 comme l'indique le tableau suivant.
</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>
						<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">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>h1 {border-style: ridge; border-width: 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.borderStyle</pre>
						</span></td>
				</tr>
			</table>
		</div>
</body>
</html>