HTML <th> valignPropriété

Exemple

Tableau HTML avec des cellules d'en-tête alignées verticalement de différentes manières :

<table border="1" style="height:200px">
<tr>
    <th valign="middle">Mois</th>
    <th valign="bottom">Épargne</th>
</tr>
<tr>
    <td>Janvier</td>
    <td>$100</td>
</tr>
</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 <th>. Utilisez plutôt CSS.

L'attribut valign spécifie l'alignement vertical du contenu dans les cellules d'en-tête.

Syntaxe

Valeur de la propriété

Valeur	Description
top	Aligner le contenu en haut.
middle	Aligne le contenu au milieu (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 par rapport à la ligne de base. La valeur baseline définit toutes les données du tableau de la ligne pour qu'elles partagent la même ligne de base. Cette valeur a souvent le même effet que la valeur bottom. Cependant, si les tailles de police du texte diffèrent, l'effet baseline sera meilleur. Voir l'illustration ci-dessous.

Lorsque la taille de police du texte diffère, schéma bottom vs baseline :

valign="bottom"

valign="baseline"

Balise HTML <th>autres extensions

HTML