English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
L'attribut valign spécifie la manière dont le contenu d'une cellule est aligné verticalement, des exemples en ligne montrent comment utiliser l'attribut HTML td valign, la compatibilité des navigateurs, la définition de la syntaxe et les détails des valeurs des attributs, etc.
Aligner verticalement le contenu à l'intérieur de l'élément <td> :
<table style="width:100%" border="1" height="400"> <tr> <th>N°</th> <th>Mois</th> <th>Épargne</th> </tr> <tr> <td valign="top">1</td> <td valign="top">Janvier</td> <td valign="top">3100</td> </tr> <tr> <td valign="bottom">2</td> <td valign="bottom">Février</td> <td valign="bottom">2180</td> </tr> </table>Voyons par nous-mêmes ‹/›
IEFirefoxOpéraChromeSafari
Tous les navigateurs populaires prennent en charge l'attribut valign.
HTML5 L'attribut valign de <td> n'est pas pris en charge. Utilisez CSS à la place.
L'attribut valign spécifie la manière dont le contenu d'une cellule est aligné verticalement.
<td valign="top|middle|bottom|baseline">
Valeur | Description |
---|---|
top | Alignement en haut du contenu. |
middle | Alignement central du contenu (valeur par défaut). |
bottom | Alignement en bas du contenu. |
baseline | Alignement avec la ligne de base. La ligne de base est une ligne fictive. Dans une ligne de texte, la plupart des lettres se basent sur la ligne de base. La valeur de la ligne de base fait que tous les éléments de tableau dans une ligne partagent la même ligne de base. L'effet de cette valeur est souvent similaire à celui de bottom. Cependant, si les tailles de police du texte sont différentes, l'effet de baseline est meilleur. Voir l'illustration ci-dessous. |
Illustration bottom vs. baseline lorsque le texte a des tailles de police différentes :
valign="bottom"
valign="baseline"
HTML <td> balise