最新的Web开发教程
 

Style width Property

<Style对象

例

设置的宽度<button>元素：

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

定义和用法

宽度属性设置或返回宽度的元件。

width属性只对块级元素或与绝对或固定位置元素的效果。 溢出的内容可以用overflow属性进行操作。

提示：使用高度属性来设置或返回元素的高度。

浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

宽度属性在所有主流浏览器的支持。

句法

返回width属性：

object .style.width

设置width属性：

object .style.width="auto| 属性值
值 描述
auto 浏览器设置宽度。 这是默认
length 定义长度单位宽度
% 定义了宽度在父元素的％
initial 将此属性设置为默认值。 阅读关于初始
inherit 继承其父元素此属性。 阅读关于继承

技术细节

默认值： 汽车
返回值： 一个字符串，表示元件的宽度
CSS版本 CSS1

更多示例

例

改变的宽度<div>元素：

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

例

改变高度和宽度的<img>元素：

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

例

返回的宽度<img>元素：

alert(document.getElementById("myImg").style.width);
试一试»

相关页面

CSS教程： CSS尺寸

CSS教程： CSS盒模型

CSS参考： width property

<Style对象