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

HTMLImageElement : propriété align

Obsolète: Cette fonctionnalité a été supprimée des standards du Web. Bien que quelques navigateurs puissent encore la supporter, elle est en cours d'éradication. Ne l'utilisez ni dans d'anciens projets, ni dans de nouveaux. Les pages et applications Web l'utilisant peuvent cesser de fonctionner à tout moment.

La propriété align (obsolète) de l'interface HTMLImageElement est une chaîne de caractères qui indique comment positionner l'image par rapport à son conteneur.

Il est recommandé d'utiliser à la place la propriété CSS vertical-align, qui fonctionne aussi pour les images malgré son nom. Vous pouvez également utiliser la propriété float pour faire flotter l'image à la marge gauche ou droite.

La propriété align reflète l'attribut HTML align.

Valeur

Une chaîne de caractères définissant l'une des valeurs suivantes, qui définit le mode d'alignement de l'image.

Alignement sur la ligne de base

Ces trois valeurs définissent l'alignement de l'élément par rapport à la ligne de base du texte. Il convient de les remplacer par la propriété CSS vertical-align.

bottom

Le bord inférieur de l'image doit être aligné verticalement avec la ligne de base du texte courant. Valeur par défaut.

middle

Le centre de l'objet doit être aligné verticalement avec la ligne de base courante.

top

Le bord supérieur de l'objet doit être aligné verticalement avec la ligne de base courante.

Il est à noter que vertical-align propose plusieurs autres options de valeur ; vous pouvez les envisager lors de la migration de votre code.

Positionnement horizontal des images

Les valeurs left et right n'affectent pas l'alignement par rapport à la ligne de base. Elles font plutôt « flotter » l'image à la marge gauche ou droite, permettant au texte suivant d'entourer l'image. Il est préférable d'utiliser la propriété CSS float, avec la valeur left ou right.

left

Positionne l'image pour que son bord gauche soit aligné avec la marge courante. Tout texte qui suit s'écoulera contre le bord droit de l'image.

Positionne l'image pour que son bord droit soit aligné avec la marge droite. Le texte suivant s'écoulera le long du bord gauche de l'image.

Spécifications

Specification
HTML
# dom-img-align

Compatibilité des navigateurs