Cette page a été traduite à partir de l'anglais par la communauté. Vous pouvez contribuer en rejoignant la communauté francophone sur MDN Web Docs.

View in English Always switch to English

HTMLTableColElement : propriété align

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é align de l'interface HTMLTableColElement est une chaîne de caractères indiquant comment aligner horizontalement 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 horizontalement le texte dans une colonne. Utilisez la propriété CSS text-align, qui prévaut, pour aligner horizontalement le texte dans une 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-last-child(n) ou similaire (n étant le numéro de la colonne, en comptant à partir de la fin).

Valeur

Les valeurs possibles sont :

left

Aligne le texte à gauche. Utilisez plutôt text-align: left appliqué directement sur <td> ou <th>.

Aligne le texte à droite. Utilisez plutôt text-align: right appliqué directement sur <td> ou <th>.

center

Centre le texte dans la cellule. Utilisez plutôt text-align: center.

Exemples

Utilisez la propriété CSS text-align sur les éléments HTML <td> et <th>. Comme les éléments <td> d'une colonne ne sont pas des enfants de <col>, définir l'attribut align en HTML ou la propriété CSS text-align sur un élément <col> n'aura aucun effet. Sélectionnez plutôt les cellules d'une colonne à l'aide de :is(td, tr):nth-child(n), où n est le numéro de la colonne, ou d'un sélecteur similaire.

Un exemple est disponible sur la page de :nth-child().

Spécifications

Specification
HTML
# dom-col-align

Compatibilité des navigateurs

Voir aussi