English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Manuel de référence HTML

Généralité des balises HTML

Attribut valign du HTML td

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.

 HTML <td> balise

Exemple en ligne

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 ‹/›

Compatibilité du navigateur

IEFirefoxOpéraChromeSafari

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

Définition et utilisation

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.

Syntaxe

<td valign="top|middle|bottom|baseline">

Valeur de l'attribut

ValeurDescription
topAlignement en haut du contenu.
middleAlignement central du contenu (valeur par défaut).
bottomAlignement en bas du contenu.
baselineAlignement 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