Propriété largeur de l'image

Objet Image du DOM HTML

Définition et utilisation

width Définir ou renvoyer la hauteur de l'image Propriété width valeur.

L'attribut width HTML détermine la largeur de l'image.

Cette propriété peut également renvoyer la largeur de l'image définie par CSS (voir l'exemple ci-dessous).

Avis :Utilisez Propriété hauteur Définir ou renvoyer la hauteur de l'image Propriété hauteur valeur.

Exemple

Exemple 1

Modifier la largeur de l'image à 450px :

document.getElementById("myImg").largeur = "450";

Essayez-le vous-même

Exemple 2

Renvoyer la largeur de l'image :

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

Essayez-le vous-même

Exemple 3

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

document.getElementById("myImg").hauteur = "300";
document.getElementById("myImg").largeur = "450";

Essayez-le vous-même

Exemple 4

Renvoyer la largeur de l'image utilisant les styles CSS définis :

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

Essayez-le vous-même

Syntaxe

Renvoyer la propriété largeur :

imageObject.largeur

Définir la propriété largeur :

imageObject.largeur = pixels

Valeur de l'attribut

Valeur Description
pixels Largeur en pixels (par exemple width="100").

Détails techniques

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

Support du navigateur

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 width de l'élément <img> HTML

Objet Image du DOM HTML