height
設定物件的高度。
語法
{ height:
sHeight }
可能的值
sHeight
指定或接收下列其中一個值的變數:
auto |
預設值。 |
height |
浮點數,後面接著絕對單位指示項 ( cm 、 mm 、 in 、 pt 或 pc ) 或相對單位指示項 ( em 、 ex 或 px )。 如需支援之長度單位的詳細資訊,請參閱 長度單位參照。 |
percentage |
整數後面接著百分比符號 (%)。此值為父物件的高度百分比,必須明確指定。不允許負值。 |
此屬性的預設值為 auto 。這不是繼承屬性。
備註
如果您指定 IMG 物件的 height 屬性,但未指定 width 屬性,那麼寬度會根據影像來源檔案的尺寸而與高度成等比例。
當 !DOCTYPE 宣告未指定標準相容模式時,則 height 屬性除了物件的內容方塊之外,還會包含下列屬性的值: border-top 、 border-bottom 、 padding-top 和 padding-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