HTMLImageElement : 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 (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.
Spécifications
| Specification |
|---|
| HTML # dom-img-align |
Compatibilité des navigateurs
Loading…