HTML <tfoot> valignPropriété
Exemple
Aligner verticalement le contenu de l'élément <tfoot> en bas :
<table border="1"
width="100%">
<tr>
<th>Mois</th>
<th>Épargne</th>
</tr>
<tr>
<td>Janvier</td>
<td>$100</td>
</tr>
<tr>
<td>Février</td>
<td>$80</td>
</tr>
<tfoot valign="bottom">
<tr>
<td>Somme</td>
<td>$180</td>
</tr>
</tfoot>
</table>
<tr>
<th>Mois</th>
<th>Épargne</th>
</tr>
<tr>
<td>Janvier</td>
<td>$100</td>
</tr>
<tr>
<td>Février</td>
<td>$80</td>
</tr>
<tfoot valign="bottom">
<tr>
<td>Somme</td>
<td>$180</td>
</tr>
</tfoot>
</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 <tfoot>. Veuillez utiliser CSS à la place.
L'attribut valign spécifie l'alignement vertical du contenu dans un élément <tfoot>.
Syntaxe
<tfoot 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 | S'aligne sur la ligne de base. La ligne de base est une ligne imaginaire. Dans une ligne de texte, la plupart des lettres reposent sur la ligne de base. La valeur baseline fait que toutes les cellules de données de la ligne 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 diffèrent, l'effet de la ligne de base sera meilleur. Voir l'illustration ci-dessous. |
Lorsque le texte présente différentes tailles de police, schéma bottom vs. baseline :
valign="bottom"
valign="baseline"
Balise HTML <tfoot>autres extensions