HTMLTableColElement : propriété vAlign
Obsolète
Évitez d'utiliser cette fonctionnalité dans de nouveaux projets. Some table styling attributes have no effect. They are superseded by CSS. Cette fonctionnalité peut être candidate à la suppression des standards web ou des navigateurs.
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
| Spécification |
|---|
| 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