Propriété valignde HTML <tr>
Exemple
Tableau HTML avec des lignes ayant un alignement vertical différent :
<table border="1"
style="height:200px">
<tr valign="middle">
<th>Mois</th>
<th>Épargne</th>
</tr>
<tr valign="bottom">
<td>Janvier</td>
<td>$100</td>
</tr>
</table>
<tr valign="middle">
<th>Mois</th>
<th>Épargne</th>
</tr>
<tr valign="bottom">
<td>Janvier</td>
<td>$100</td>
</tr>
</table>
Essayez-le vous-même »
Prise en charge des navigateurs
![]()
![]()
![]()
![]()
![]()
L'attribut valign est pris en charge par tous les principaux navigateurs.
Définition et utilisation
HTML5 ne prend pas en charge l'attribut valign de <tr>. Veuillez utiliser CSS à la place.
L'attribut valign spécifie l'alignement vertical du contenu dans une ligne de tableau.
Syntaxe
<tr valign="top|middle|bottom|baseline">
Valeur de la propriété
| Valeur | Description |
|---|---|
| top | Aligner le contenu en haut. |
| middle | Aligne le contenu au centre (valeur par défaut). |
| bottom | Aligner le contenu en bas. |
| baseline | Aligne sur la ligne de base. La ligne de base est une ligne imaginaire. Dans une ligne de texte, la plupart des lettres sont positionnées en fonction de la ligne de base. La valeur baseline définit toutes les données du tableau de la ligne pour partager la même ligne de base. L'effet de cette valeur est souvent le même que la valeur bottom. Cependant, si les tailles de police du texte diffèrent, l'effet baseline fonctionne mieux. Voir l'illustration ci-dessous. |
Lorsque la taille de police du texte diffère, diagramme bottom vs. baseline :
valign="bottom"
valign="baseline"
Balise <tr> HTMLautres extensions