Attribut valignde <colgroup> HTML
Exemples
Un tableau HTML avec des colonnes d'alignements verticaux différents :
<table border="1"
style="height:200px">
<colgroup valign="top">
<colgroup valign="bottom">
<tr>
<th>Mois</th>
<th>Épargne</th>
</tr>
<tr>
<td>Janvier</td>
<td>$100</td>
</tr>
</table>
<colgroup valign="top">
<colgroup valign="bottom">
<tr>
<th>Mois</th>
<th>Épargne</th>
</tr>
<tr>
<td>Janvier</td>
<td>$100</td>
</tr>
</table>
Essayez-le vous-même »
Prise en charge des navigateurs
![]()
![]()
![]()
![]()
![]()
Seuls Internet Explorer et Opera prennent en charge l'attribut valign. Toutefois, IE et Opera ne prennent pas en charge la valeur d'attribut "baseline".
Définition et utilisation
En HTML5, l'attribut valign de <colgroup> n'est pas pris en charge.
L'attribut valign spécifie l'alignement vertical du contenu dans un groupe de colonnes.
Syntaxe
<colgroup valign="top|middle|bottom|baseline">
Valeurs d'attributs
| Valeur | Description |
|---|---|
| top | Aligne le contenu en haut. |
| middle | Aligne le contenu au centre (valeur par défaut). |
| bottom | Aligne 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 alignées sur la ligne de base. La valeur baseline fait que toutes les données de tableau d'une 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 baseline sera meilleur. Voir l'illustration ci-dessous. |
Illustration bottom vs. baseline lorsque les tailles de police du texte diffèrent :
valign="bottom"
valign="baseline"
Balise HTML <colgroup> Autres extensions