Style width 屬性

定義和用法

width 屬性設置或返回元素的寬度。

width 屬性僅對塊級元素或具有絕對或固定定位的元素有效。溢出的內容可以用 overflow 屬性 來處理。

提示：請使用 height 屬性 設置或返回元素的高度。

另請參閱：

CSS 教程：CSS Dimension

CSS 教程：CSS 框模型

CSS 參考手冊：width 屬性

實例

例子 1

設置 <button> 元素的寬度：

document.getElementById("myBtn").style.width = "300px";

親自試一試

例子 2

更改 <div> 元素的寬度：

document.getElementById("myDIV").style.width = "500px";

親自試一試

例子 3

更改 <img> 元素的高度和寬度：

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

親自試一試

例子 4

返回 <img> 元素的寬度：

alert(document.getElementById("myImg").style.width);

親自試一試

語法

返回 width 屬性：

object.style.width

設置 width 屬性：

object.style.width = "auto|length|%|initial|inherit"

屬性值

值 描述
auto 瀏覽器設置寬度。默認。
length 定義寬度，以長度單位計。
% 定義父元素的寬度，以百分比計。
initial 將此屬性設置為其默認值。請參閱 initial。
inherit 從其父元素繼承此屬性。請參閱 inherit。

技術細節

默認值： auto
返回值： 字符串，表示元素的寬度。
CSS 版本： CSS1

瀏覽器支持

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