<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-bottom, padding-left, padding-right, padding-top</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>Ces quatre attributs permettent de d&eacute;finir individuellement le remplissage &agrave;appliquer &agrave;chaque c&ocirc;t&eacute; 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.
</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-bottom: <span class="replaceable">paddingThickness</span>
padding-left: <span class="replaceable">paddingThickness</span>
padding-right: <span class="replaceable">paddingThickness</span>
padding-top: <span class="replaceable">paddingThickness</span></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>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.
</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</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>blockquote {padding-left: 20; padding-top: 10}
#narrowCol {padding-left: 30%; padding-right: 30%}</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.paddingBottom
[window.]document.getElementById("<span class="replaceable">elementID</span>").style.paddingLeft
[window.]document.getElementById("<span class="replaceable">elementID</span>").style.paddingRight
[window.]document.getElementById("<span class="replaceable">elementID</span>").style.paddingTop</pre>
						</span></td>
				</tr>
			</table>
		</div>
</body>
</html>