Largeur de l' image Propriété
Exemple
Changez la largeur d'une image à 300px :
document.getElementById("myImg").width = "300";
Définition et utilisation
La propriété width définit ou renvoie la valeur de l'attribut width d'une image.
L'attribut width spécifie la largeur d'une image.
Cette propriété peut également renvoyer la largeur d'une image qui a été stylisée avec CSS (voir plus d'exemples).
Conseil : utilisez la propriété height pour définir ou renvoyer la valeur de l'attribut height d'une image.
Prise en charge du navigateur
| Property | |||||
|---|---|---|---|---|---|
| width | Yes | Yes | Yes | Yes | Yes |
Syntaxe
Renvoie la propriété width :
imageObject.width
Définissez la propriété width :
imageObject.width = pixels
Valeurs de propriété
| Value | Description |
|---|---|
| pixels | The width in pixels (e.g. width="100") |
Détails techniques
| Valeur de retour : | Un Nombre, représentant la largeur de l'image, en pixels |
|---|
Plus d'exemples
Exemple
Renvoie la largeur d'une image :
var x = document.getElementById("myImg").width;
Exemple
Modifiez la hauteur et la largeur d'une image à 300 pixels :
document.getElementById("myImg").height = "300";
document.getElementById("myImg").width = "300";
Exemple
Renvoie la largeur d'une image qui a été stylisée avec CSS :
var x = document.getElementById("myImg").width;
Pages connexes
Référence HTML : attribut de largeur HTML <img>
❮ Objet image