<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">vertical-align</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>Cet attribut poss&egrave;de deux jeux de valeurs agissant sur diff&eacute;rentes caract&eacute;ristiques de l'&eacute;l&eacute;ment incorpor&eacute; auxquelles elles sont appliqu&eacute;es. A chaque &eacute;l&eacute;ment incorpor&eacute; correspond un cadre destin&eacute; &agrave;recevoir son contenu. Deux valeurs, <span class="literal">top</span> et <span class="literal">bottom</span>, d&eacute;terminent le positionnement du texte &agrave;l'int&eacute;rieur de ce cadre. Ces valeurs alignent le texte sur le haut et sur le bas du cadre, respectivement.
</p><p>L'utilisation de cet attribut ne se borne pas au texte incorpor&eacute;. Il peut &ecirc;tre appliqu&eacute; aux images et aux tableaux. Toutes les autres valeurs de <span class="literal">vertical-align</span> agissent sur la fa&ccedil;on dont le cadre occup&eacute; par l'&eacute;l&eacute;ment est positionn&eacute; sur l'axe vertical par rapport au contenu texte de l'&eacute;l&eacute;ment parent. La valeur par d&eacute;faut, <span class="literal">baseline</span>, signifie que la zone de ligne est positionn&eacute;e de telle sorte que la ligne de base du texte qu'elle contient (ou le bas d'un &eacute;l&eacute;ment <span class="literal">img</span>, par exemple) et la ligne de base du texte parent sont align&eacute;es. Ainsi, un &eacute;l&eacute;ment <span class="literal">em</span>, tout en ayant son propre cadre de destination, appara&icirc;tra cependant sur la m&ecirc;me ligne de base que l'&eacute;l&eacute;ment <span class="literal">p</span> qui le contient. Le reste des valeurs possibles pour cet attribut (constantes, longueur et pourcentages) d&eacute;terminent &agrave;quel endroit la zone de ligne de l'&eacute;l&eacute;ment est plac&eacute;e par rapport &agrave;la ligne parente. Un pourcentage ou une position de longueur positifs positionne l'&eacute;l&eacute;ment &agrave;la distance indiqu&eacute;e au dessus de la ligne de base; une valeur n&eacute;gative positionne l'&eacute;l&eacute;ment au dessous de la ligne de base. Les pourcentages sont calcul&eacute;s par rapport &agrave;la hauteur de ligne.
</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>vertical-align: <span class="replaceable">vertAlignType</span> | <span class="replaceable">length</span> | <span class="replaceable">percentage</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>Les deux constantes suivantes permettent de d&eacute;finir l'alignement du texte &agrave;l'int&eacute;rieur de l'&eacute;l&eacute;ment proprement dit: <span class="literal">bottom</span> | <span class="literal">top</span>.
</p><p>Six constantes d&eacute;terminent l'alignement du cadre de ligne en fonction de la ligne de texte environnante (de l'&eacute;l&eacute;ment parent): <span class="literal">baseline</span> | <span class="literal">middle</span> | <span class="literal">sub</span> | <span class="literal">super</span> | <span class="literal">text-bottom</span> | <span class="literal">text-top</span>. La valeur <span class="literal">baseline</span> aligne les lignes de base de l'&eacute;l&eacute;ment et de l'&eacute;l&eacute;ment parent. La valeur <span class="literal">middle</span> aligne le point m&eacute;dian vertical de l'&eacute;l&eacute;ment sur la ligne de base, major&eacute;e de la moiti&eacute; de la hauteur x de la police de caract&egrave;res de l'&eacute;l&eacute;ment parent. Les valeurs <span class="literal">sub</span> et <span class="literal">super</span> affichent l'&eacute;l&eacute;ment en position indice et exposant, mais ne modifient pas la taille des caract&egrave;res. La valeur <span class="literal">text-bottom</span> aligne le bas de l'&eacute;l&eacute;ment sur le bas de la ligne de base du texte de l'&eacute;l&eacute;ment parent; la valeur <span class="literal">text-top</span> fait de m&ecirc;me avec le haut de l'&eacute;l&eacute;ment et son parent.
</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">baseline</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>span.sup {vertical-align: super; text-size: smaller}</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 incorpor&eacute;s uniquement.</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.verticalAlign</pre>
						</span></td>
				</tr>
			</table>
		</div>
</body>
</html>