height

设置对象的高度。

语法

{ height: sHeight }

可能的值

sHeight

一个变量,用于指定或接收下列值之一:

auto

默认值。

height

浮点数,后跟绝对单位指示符(cmmminptpc)或相对单位指示符(emexpx)。

有关支持的长度单位的详细信息,请参阅长度单位参考

percentage

整数,后跟百分号 (%)。此值为必须显式指定的占父对象高度的百分比。不允许为负值。

该属性的默认值为 auto。该属性不会被继承。

注解

如果您指定了 IMG 对象的 height 属性,但未指定 width 属性,则宽度将按照图像源文件的尺寸与高度成比例。

如果 !DOCTYPE 声明未指定标准兼容模式,则 height 属性的值等于对象的内容框加上以下属性的值:border-topborder-bottompadding-toppadding-bottom。从 height 属性值中减去这些属性的值的总和,可得出父对象的内容框高度。

示例

本示例使用嵌入式样式表将图像的高度设置为 4 厘米:

<img src="sphere.jpg" style="height:4cm">

本示例使用内联脚本在 onclick 事件发生时更改图像的高度:

<button onclick="height1.style.height='1cm'">Shrink sphere</button>

标准信息

此属性在 World Wide Web Consortium (W3C) Document Object Model (DOM) Level 1(万维网协会 (W3C) 文档对象模型 (DOM) 第 1 级)和 Cascading Style Sheets (CSS), Level 1 (CSS1)(级联样式表 (CSS),第 1 级 (CSS1))中定义。

应用于

A、ABBR、ACRONYM、ADDRESS、APPLET、B、BDO、BIG、BLOCKQUOTE、BUTTON、CAPTION、CENTER、CITE、CODE、CUSTOM、DD、DEL、DFN、DIV、DL、DT、EM、EMBED、FIELDSET、FONT、FORM、FRAME、FRAMESET、HN、HR、I、IFRAME、IMG、INPUT TYPE=BUTTON、INPUT TYPE=CHECKBOX、INPUT TYPE=FILE、INPUT TYPE=IMAGE、INPUT TYPE=PASSWORD、INPUT TYPE=RADIO、INPUT TYPE=RESET、INPUT TYPE=SUBMIT、INPUT TYPE=TEXT、INS、LI、OBJECT、OL、OPTION、P、Q、RT、RUBY、S、SELECT、SPAN、SUB、TABLE、TD、TH、TR、TT、U、UL、VAR、XMP

另请参见

概念

width

border-top

border-bottom

padding-top

padding-bottom