Image width Property
Example
Change the width of an image to 300px:
document.getElementById("myImg").width = "300";
Try it Yourself »
Description
The width property sets or returns the value of the width attribute of an image.
The width attribute specifies the width of an image.
This property can also return the width of an image that has been styled with CSS (See More Examples).
Tip: Use the height property to set or return the value of the height attribute of an image.
Browser Support
Property | |||||
---|---|---|---|---|---|
width | Yes | Yes | Yes | Yes | Yes |
Syntax
Return the width property:
imageObject.width
Set the width property:
imageObject.width = pixels
Property Values
Value | Description |
---|---|
pixels | The width in pixels (e.g. width="100") |
Technical Details
Return Value: | A Number, representing the width of the image, in pixels |
---|
More Examples
Example
Return the width of an image:
var x = document.getElementById("myImg").width;
Try it Yourself »
Example
Change the height and width of an image to 300px:
document.getElementById("myImg").height = "300";
document.getElementById("myImg").width = "300";
Try it Yourself »
Example
Return the width of an image that has been styled with CSS:
var x = document.getElementById("myImg").width;
Try it Yourself »
Related Pages
HTML reference: HTML <img> width attribute
❮ Image Object
Copyright 1999-2023 by Refsnes Data. All Rights Reserved.