<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">padding</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, les largeurs de remplissage des bords (jusqu'&agrave;quatre) d'un &eacute;l&eacute;ment. Le remplissage est l'espace vide qui entoure la zone de contenu d'un &eacute;l&eacute;ment; cet espace s'&eacute;tend jusqu'aux bordures de l'&eacute;l&eacute;ment, s'il en existe, mais n'inclut pas ces derni&egrave;res. Le remplissage reprend la couleur ou l'image d'arri&egrave;re-plan de l'&eacute;l&eacute;ment. Lorsque vous ins&eacute;rez du remplissage dans un &eacute;l&eacute;ment, vous augmentez la taille de son rectangle visible sans modifier pour autant la taille du bloc de contenu. Vous pouvez sp&eacute;cifier entre une et quatre valeurs de remplissage, s&eacute;par&eacute;es par des espaces. Le nombre de valeurs sp&eacute;cifi&eacute;es d&eacute;termine &agrave;quels c&ocirc;t&eacute;s doivent s'appliquer ces valeurs.
</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>padding: <span class="replaceable">paddingThickness</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>Cet attribut accepte une, deux, trois ou quatre valeurs, selon le nombre et le type de c&ocirc;t&eacute;s auxquels vous souhaitez appliquer le remplissage. L'attribut <span class="replaceable">paddingThickness</span> peut avoir pour valeur une <span class="replaceable">longueur</span> ou un pourcentage de la taille de l'&eacute;l&eacute;ment parent imm&eacute;diat. 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 de remplissage sp&eacute;cifi&eacute;e est appliqu&eacute;e aux quatre c&ocirc;t&eacute;s</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 sp&eacute;cifi&eacute;e 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 sp&eacute;cifi&eacute;e 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">0</span>; IE pour Windows sp&eacute;cifie une valeur par d&eacute;faut de <span class="literal">1</span> pour les &eacute;l&eacute;ments <span class="literal">td</span> et <span class="literal">th</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 {padding: 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 (IE 5 pour Macintosh, IE 5.5 pour Windows et Netscape 6); &eacute;l&eacute;ments <span class="literal">body</span>, <span class="literal">caption</span>, <span class="literal">div</span>, <span class="literal">iframe</span>, <span class="literal">marquee</span>, <span class="literal">table</span>, <span class="literal">td</span>, <span class="literal">textarea</span>, <span class="literal">tr</span> (IE 5 et version ant&eacute;rieure 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.padding</pre>
						</span></td>
				</tr>
			</table>
		</div>
</body>
</html>