最新的Web开发教程
 

Style height Property

<Style对象

例

设置的高度<button>元素：

document.getElementById("myBtn").style.height = "50px";
试一试»

定义和用法

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

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

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

浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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

句法

返回height属性：

object .style.height

设置height属性：

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

技术细节

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

更多示例

例

改变的高度<div>元素：

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

例

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

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

例

返回的高度<img>元素：

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

相关页面

CSS教程： CSS尺寸

CSS教程： CSS盒模型

CSS参考： height property

<Style对象