Attribut hauteur de l'image

Objet Image DOM HTML

Définition et utilisation

height Définir ou renvoyer la hauteur de l'image Attribut height valeur.

Attribut height Définir la hauteur de l'image.

Cette propriété peut également renvoyer la hauteur de l'image utilisant les styles CSS (voir l'exemple ci-dessous).

Avis :Avis : Attribut width Définir ou renvoyer la hauteur de l'image Valeur de l'attribut width.

Exemple

Exemple 1

Modifier la hauteur de l'image à 300px :

document.getElementById("myImg").height = "300";

Essayez-le vous-même

Exemple 2

Renvoyer la hauteur de l'image :

var x = document.getElementById("myImg").height;

Essayez-le vous-même

Exemple 3

Modifier la hauteur et la largeur de l'image respectivement à 300px et 450px :

document.getElementById("myImg").height = "300";
document.getElementById("myImg").width = "450";

Essayez-le vous-même

Exemple 4

Renvoyer la hauteur de l'image utilisant les styles CSS :

var x = document.getElementById("myImg").height;

Essayez-le vous-même

Syntaxe

Renvoyer l'attribut height :

imageObject.height

Définir l'attribut height :

imageObject.height = pixels

Valeur de l'attribut

Valeur Description
pixels Hauteur en pixels (par exemple height="100").

Détails techniques

Valeur de retour : Nombre, représentant la hauteur de l'image en pixels.

Compatibilité des navigateurs

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support

Pages associées

Manuel de référence HTML :Attribut height de l'élément <img> HTML

Objet Image DOM HTML