Style height 屬性

定義和用法

height 屬性設置或返回元素的高度。

height 屬性僅對塊級元素或有絕對或固定位置的元素有效。溢出的內容可以用 overflow 屬性 來操作。

提示：請使用 width 屬性 設置或返回元素的寬度。

另請參閱：

CSS 教程：CSS Dimension

CSS 教程：CSS 框模型

CSS 參考手冊：height 屬性

實例

例子 1

設置 <button> 元素的高度：

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

親自試一試

例子 2

改變 <div> 元素的高度：

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

親自試一試

例子 3

更改 <img> 元素的高度和寬度：

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

親自試一試

例子 4

返回 <img> 元素的高度：

alert(document.getElementById("myImg").style.height);

親自試一試

語法

返回 height 屬性：

object.style.height

設置 height 屬性：

object.style.height = "auto|length|%|initial|inherit"

屬性值

值 描述
auto 瀏覽器設置高度。默認。
length 定義高度，以長度單位。
% 以父元素的百分比定義高度。
initial 將此屬性設置為其默認值。請參閱 initial。
inherit 從其父元素繼承此屬性。請參閱 inherit。

技術細節

默認值： auto
返回值： 字符串，表示元素的高度。
CSS 版本： CSS1

瀏覽器支持

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 支持 支持 支持 支持