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>
標準資訊
此屬性是在全球資訊網協會 (W3C) 文件物件模組 (DOM) 層級 1 (英文) 與階層式樣式表 (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