<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">clip</td><td valign="top" nowrap class="compatibility">NN<span class="emphasis"> 4</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>D&eacute;finit une zone de d&eacute;coupe d'un &eacute;l&eacute;ment positionnable. La zone de d&eacute;coupe (clipping) est la zone du calque de l'&eacute;l&eacute;ment dans laquelle appara&icirc;t le contenu. Pour obtenir les meilleurs r&eacute;sultats possibles, placez l'&eacute;l&eacute;ment destin&eacute; &agrave;recevoir le contenu dans un &eacute;l&eacute;ment <span class="literal">div</span> dont l'attribut <span class="literal">clip</span> d&eacute;finit la zone de d&eacute;tourage souhait&eacute;e. Le d&eacute;tourage ne donnera peut-&ecirc;tre pas de bons r&eacute;sultats dans Internet Explorer&#160;4 pour Macintosh, mais il marche correctement dans Version&#160;5. D'autre part, lorsqu'un &eacute;l&eacute;ment d&eacute;tour&eacute; est affich&eacute; tout en bas d'une page dans Navigator&#160;4, vous ne pourrez peut-&ecirc;tre pas faire d&eacute;filer la fen&ecirc;tre du navigateur jusqu'en bas de la zone de d&eacute;tourage.
</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>clip: rect(<span class="replaceable">lengthTop</span> <span class="replaceable">lengthRight</span> <span class="replaceable">lengthBottom</span> <span class="replaceable">lengthLeft</span>) | auto</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 CSS2, la seule forme reconnue de l'attribut clip est <span class="literal">rect</span>. Il se peut que d'autres formes soient admises &agrave;l'avenir.
</p><p>Lorsque vous sp&eacute;cifiez les longueurs des c&ocirc;t&eacute;s de la zone de d&eacute;tourage, suivez toujours l'ordre suivant: top, right, bottom, left. Pour plus de d&eacute;tails sur les valeurs de longueur, voir le d&eacute;but du chapitre. La valeur <span class="literal">auto</span> d&eacute;finit la zone de d&eacute;coupe sur le bloc qui contient le contenu (dans IE 4, un bloc peut s'&eacute;tendre sur toute la largeur du conteneur parent imm&eacute;diat, comme l'&eacute;l&eacute;ment <span class="literal">body</span>).
</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">auto</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>&lt;span style="position: absolute; clip: rect(10px 110px 80px 10px)"&gt;
&lt;img src="desk1.gif" height="90" width="120"&gt;
&lt;/span&gt;</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>El&eacute;ments de niveau bloc, &eacute;l&eacute;ments remplac&eacute;s et &eacute;l&eacute;ments positionn&eacute;s.</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.clip</pre>
						</span></td>
				</tr>
			</table>
		</div>
</body>
</html>