height

設定物件的高度。

語法

{ height:sHeight }

可能的值

sHeight

指定或接收下列其中一個值的變數:

auto

預設值。

height

浮點數,後面接著絕對單位指示項 ( cmmminptpc ) 或相對單位指示項 ( emexpx )。

如需支援之長度單位的詳細資訊,請參閱 長度單位參照

percentage

整數後面接著百分比符號 (%)。此值為父物件的高度百分比,必須明確指定。不允許負值。

此屬性的預設值為 auto 。這不是繼承屬性。

備註

如果您指定 IMG 物件的 height 屬性,但未指定 width 屬性,那麼寬度會根據影像來源檔案的尺寸而與高度成等比例。

!DOCTYPE 宣告未指定標準相容模式時,則 height 屬性除了物件的內容方塊之外,還會包含下列屬性的值: border-topborder-bottompadding-toppadding-bottomheight 屬性的值減去這些屬性的值總和,即可得出父物件的內容方塊高度。

範例

此範例使用內嵌樣式表將影像高度設為 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) Ee371255.xtlink_newWindow(zh-tw,Expression.40).pngCascading Style Sheets (CSS), Level 1 (CSS1) (階層式樣式表 (CSS) 層級 1 (CSS1)) Ee371255.xtlink_newWindow(zh-tw,Expression.40).png 找到此屬性的定義。

適用範圍

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