Image width 屬性

HTML DOM Image 對象

定義和用法

width 屬性設置或返回圖像的 width 屬性 的值。

HTML width 屬性規定圖像的寬度。

此屬性還可以返回已使用 CSS 設置樣式的圖像的寬度（請參見下方的實例）。

提示：請使用 height 屬性 設置或返回圖像的 height 屬性 的值。

實例

例子 1

將圖像的寬度更改為 450px：

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

親自試一試

例子 2

返回圖像的寬度：

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

親自試一試

例子 3

將圖像的高度和寬度分別更改為 300px 和 450px：

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

親自試一試

例子 4

返回已使用 CSS 設置樣式的圖像寬度：

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

親自試一試

語法

返回 width 屬性：

imageObject.width

設置 width 屬性：

imageObject.width = pixels

屬性值

值 描述
pixels 以像素為單位的寬度（例如 width="100"）。

技術細節

返回值： 數值，表示圖像的寬度，以像素為單位。

瀏覽器支持

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 支持 支持 支持 支持

相關頁面

HTML 參考手冊：HTML <img> width 屬性

HTML DOM Image 對象