<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">background-position</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>D&eacute;finit l'emplacement du bord gauche et du bord sup&eacute;rieur de l'image d'arri&egrave;re-plan sp&eacute;cifi&eacute;e &agrave;l'aide de l'attribut <span class="literal">background-image</span>. Cet attribut se comporte de fa&ccedil;on irr&eacute;guli&egrave;re dans Internet Explorer 4 pour Macintosh.
</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>background-position: [<span class="replaceable">percentage</span> | <span class="replaceable">length</span>] {1,2} |
  [top | center | bottom] || [left | center | right]</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 sp&eacute;cifier un ou deux pourcentages, chacun repr&eacute;sentant le pourcentage de la largeur et de la hauteur (respectivement) du cadre de l'&eacute;l&eacute;ment de bloc au niveau duquel l'image (ou les images r&eacute;p&eacute;t&eacute;es) doivent commencer. Si vous n'indiquez qu'un seul pourcentage, celui-ci s'applique &agrave;la mesure horizontale et la mesure verticale est automatiquement fix&eacute;e &agrave;50&#160;%. Au lieu d'un pourcentage, vous pouvez sp&eacute;cifier une longueur (exprim&eacute;e dans l'unit&eacute; de mesure la mieux adapt&eacute;e au support). Vous pouvez aussi combiner un pourcentage et une longueur. Au lieu des valeurs num&eacute;riques, vous pouvez cr&eacute;er des combinaisons de valeurs prises dans les deux jeux de valeurs constantes. S&eacute;lectionnez-en une dans chaque jeu, par exemple <span class="literal">top left</span>, <span class="literal">top right</span> ou <span class="literal">bottom center</span>. Lorsque vous sp&eacute;cifiez deux valeurs, vous devez les s&eacute;parer par un espace.
</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">0% 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.marked {background-image: url(watermark.jpg);
    background-position: center top}</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 et &eacute;l&eacute;ments remplac&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.backgroundPosition</pre>
						</span></td>
				</tr>
			</table>
		</div>
</body>
</html>