html代码style图片width,HTML Style width用法及代码示例

HTML DOM中的Style width属性用于设置或返回元素的宽度，该元素可以是block-level元素或具有固定位置的元素。

用法:

它用于返回width属性：object.style.width

它用于设置width属性：object.style.width = "auto|length|%|initial|inherit"

属性值说明

auto-该值由浏览器自动设置默认宽度值。

length-该值以指定的长度单位设置宽度值。

%-百分比值将宽度值设置为父元素宽度的指定百分比。

initial-此值将width属性设置为其浏览器的默认值。

inherit-此值将width属性设置为其父元素的值。

返回值：一个字符串，表示元素的宽度。

范例1：

#GfG {

width:100px;

height:100px;

background-color:green;

color:white;

}

HTML|DOM Style Width Property:

Click here!

GfG

function myFunction() {

document.getElementById("GfG")

.style.width = "500px";

}

输出：

Before click on the button:

After click on the button:

范例2：

GeeksforGeeks

HTML|DOM Style Width Property:

οnclick="myFunction()">Click Here!

function myFunction() {

document.getElementById("myBtn")

.style.width = "500px";

}

输出：

Before click on the button:

After click on the button:

支持的浏览器：DOM样式width属性支持的浏览器如下：

谷歌浏览器

IE浏览器

Firefox

Safari

Opera