<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">-moz-border-radius</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">s.o.</span> CSS <span class="emphasis">s.o.</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 de d&eacute;finir le rayon d'un ou plusieurs coins de bordure. Le nombre de valeurs sp&eacute;cifi&eacute;es d&eacute;termine &agrave;quels c&ocirc;t&eacute;s de la bordure ces valeurs doivent &ecirc;tre appliqu&eacute;es. Cette configuration diff&egrave;re de la configuration des valeurs d'attribut <span class="literal">border-radius</span> pr&eacute;liminaire de CSS3.
</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>-moz-border-radius: <span class="replaceable">radius</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>Vous pouvez d&eacute;finir un rayon d'angle de bordure au moyen d'une mesure de longueur (la longueur du rayon du cercle imaginaire qui a produit le coin arrondi). Plus la valeur est &eacute;lev&eacute;e, plus les angles seront arrondis. Le pixel est l'unit&eacute; de mesure la plus appropri&eacute;e pour l'affichage &eacute;cran. Vous pouvez &eacute;galement utiliser une valeur de pourcentage comprise entre <span class="literal">0%</span> (pas d'arrondi) &agrave;<span class="literal">50%</span> (arrondi maximal). Ce bord arrondi ne rogne pas le contenu de l'&eacute;l&eacute;ment.
</p><p>Cet attribut accepte une, deux, trois ou quatre valeurs <span class="replaceable">radius</span>, selon le nombre de coins et les coins sp&eacute;cifiques auxquels vous souhaitez appliquer l'arrondi. 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>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 coins.</td>
								</tr>
								<tr><td>2</td><td>La premi&egrave;re valeur est appliqu&eacute;e aux coins sup&eacute;rieur gauche et inf&eacute;rieur droit, et la seconde, aux coins sup&eacute;rieur droit et inf&eacute;rieur gauche
</td>
								</tr>
								<tr><td>3</td><td>La premi&egrave;re valeur est appliqu&eacute;e au coin sup&eacute;rieur gauche, la deuxi&egrave;me aux coins sup&eacute;rieur droit et inf&eacute;rieur gauche, et la troisi&egrave;me, au coin inf&eacute;rieur droit
</td>
								</tr>
								<tr><td>4</td><td>Les angles sup&eacute;rieur gauche, sup&eacute;rieur droit, inf&eacute;rieur droit et inf&eacute;rieur gauche sont respectivement d&eacute;finis
</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">0</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>div.hotbox {-moz-border-radius:20px}
div.circle {-moz-border-radius:50%}</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>
			</table>
		</div>
</body>
</html>