HTMLTableColElement : propriété vAlign
Obsolète: Cette fonctionnalité n'est plus recommandée. Même si certains navigateurs la prennent encore en charge, elle a peut-être déjà été supprimée des standards du web, est en passe d'être supprimée ou n'est conservée qu'à des fins de compatibilité. Évitez de l'utiliser et mettez à jour le code existant si possible ; consultez le tableau de compatibilité au bas de cette page pour vous aider à prendre votre décision. Sachez que cette fonctionnalité peut cesser de fonctionner à tout moment.
La propriété vAlign de l'interface HTMLTableColElement est une chaîne de caractères indiquant comment aligner verticalement le texte dans un élément de colonne <col> d'un tableau.
Note :
Cette propriété est obsolète, et il convient d'utiliser le CSS pour aligner verticalement le texte dans une colonne. Utilisez la propriété CSS vertical-align, qui prévaut, pour aligner verticalement le texte dans chaque cellule de colonne.
Comme les éléments <td> ne sont pas des enfants de <col>, vous ne pouvez pas la définir directement sur un élément <col>. Il faut sélectionner les cellules de la colonne à l'aide d'un sélecteur td:nth-child(n) ou similaire (n étant le numéro de la colonne).
Valeur
Les valeurs possibles sont : "top", "middle", "bottom" ou "baseline"
top-
Aligne le texte en haut de la colonne. Utilisez plutôt
vertical-align: top. center-
Centre verticalement le texte dans la colonne. Synonyme de
middle. Utilisez plutôtvertical-align: middle. middle-
Centre verticalement le texte dans la colonne. Utilisez plutôt
vertical-align: middle. bottom-
Aligne le texte en bas de la colonne. Utilisez plutôt
vertical-align: bottom. baseline-
Semblable à
top, mais aligne la ligne de base du texte aussi près que possible du haut afin qu'aucune partie du caractère ne dépasse de la cellule.
Exemples
Utilisez la propriété CSS vertical-align. Comme les éléments HTML <td> d'une colonne ne sont pas des enfants de <col>, vous ne pouvez pas la définir directement sur un <col>. Il faut sélectionner les cellules à l'aide d'un sélecteur td:nth-child(n) ou similaire (n étant le numéro de la colonne).
Un exemple est disponible sur la page de :nth-child().
Spécifications
| Specification |
|---|
| HTML # dom-col-valign |
Compatibilité des navigateurs
Voir aussi
- La propriété CSS
vertical-align - La pseudo-classe CSS
:nth-child() - Apprendre : Mise en forme des tableaux