<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">margin</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 de d&eacute;finir, &agrave;l'aide d'une seule instruction, plusieurs marges (jusqu'&agrave;quatre) d'un &eacute;l&eacute;ment. Une marge est un espace vide situ&eacute; &agrave;l'ext&eacute;rieur de la bordure d'un &eacute;l&eacute;ment et qui s&eacute;pare ce dernier des &eacute;l&eacute;ments avoisinants ou imbriqu&eacute;s, surtout ceux dot&eacute;s eux-m&ecirc;mes de bordures. Vous pouvez sp&eacute;cifier entre une et quatre valeurs de marge, s&eacute;par&eacute;es par des espaces. Le nombre de valeurs sp&eacute;cifi&eacute;es d&eacute;termine &agrave;quelles marges ces valeurs doivent &ecirc;tre appliqu&eacute;es.
</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>margin: <span class="replaceable">marginThickness</span> | auto {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>Cet attribut accepte une, deux, trois ou quatre valeurs, selon le nombre et le type de marges que vous souhaitez d&eacute;finir. L'attribut <span class="replaceable">marginThickness</span> peut avoir pour valeur une <span class="replaceable">longueur</span>, un pourcentage de la taille de l'&eacute;l&eacute;ment parent imm&eacute;diat ou la constante <span class="literal">auto</span>. Les valeurs sp&eacute;cifi&eacute;es sont interpr&eacute;t&eacute;es de la fa&ccedil;on suivante:
</p>
						<table border="1"><tbody><tr><th>Nombre de valeurs</th><th>Effet</th></tr>
								<tr><td>1</td><td>La valeur est appliqu&eacute;e aux quatre marges</td>
								</tr>
								<tr><td>2</td><td>La premi&egrave;re valeur est appliqu&eacute;e aux marges du haut et du bas, et la seconde valeur aux marges de droite et de gauche
</td>
								</tr>
								<tr><td>3</td><td>La premi&egrave;re valeur est appliqu&eacute;e &agrave;la marge du haut, la seconde aux marges de droite et de gauche, et la troisi&egrave;me &agrave;la marge du bas
</td>
								</tr>
								<tr><td>4</td><td>Chaque valeur est appliqu&eacute;e, respectivement, &agrave;la marge du haut, de droite, du bas et de 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">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>p.highlight {margin: 10px 20px}</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.margin</pre>
						</span></td>
				</tr>
			</table>
		</div>
</body>
</html>