Attributs valignde <td> HTML

Exemples

Un tableau HTML avec des cellules ayant un alignement vertical différent :

<table border="1" style="height:200px">
<tr>
<th>Mois</th>
<th>Épargne</th>
</tr>
<tr>
<td valign="top">Janvier</td>
<td valign="top">$100</td>
</tr>
<tr>
<td valign="bottom">Février</td>
<td valign="bottom">$80</td>
</tr>
</table>

Essayez-le vous-même »

Prise en charge des navigateurs

Tous les principaux navigateurs prennent en charge l'attribut valign.

Définition et utilisation

HTML5 ne prend pas en charge l'attribut valign de <td>. Utilisez plutôt CSS.

L'attribut valign spécifie l'alignement vertical du contenu dans une cellule.

Syntaxe

Valeurs d'attributs

Valeur	Description
top	Aligne le contenu en haut.
middle	Aligne le contenu au milieu (valeur par défaut).
bottom	Aligne le contenu en bas.
baseline	Aligne le contenu sur la ligne de base. La ligne de base est une ligne imaginaire. Dans une ligne de texte, la plupart des lettres sont alignées sur la ligne de base. La valeur baseline définit toutes les données du tableau de la ligne pour qu'elles partagent la même ligne de base. L'effet de cette valeur est souvent le même que celui de la valeur bottom. Toutefois, si les tailles de police du texte varient, l'effet de baseline sera meilleur. Voir l'illustration ci-dessous.