定義和用法,屬性值,實際套用,瀏覽器支持,TIY 實例,
定義和用法
height 屬性設定元素的高度。
說明
這個屬性定義元素內容區的高度，在內容區外面可以增加內邊距、框線和外邊距。
行內非替換元素會忽略這個屬性。
默認值：auto
繼承性：no
版本：CSS1
JavaScript 語法：object.style.height="50px"
屬性值
在CSS中height屬性具有以下的取值：
實際套用
設定段落的高度和寬度：
p
{
height:100px;
width:100px;
}
TIY
瀏覽器支持
所有主流瀏覽器都支持 height 屬性。
注釋：任何版本的 Internet Explorer （包括 IE8）都不支持屬性值 "inherit"。
可能的值
值描述
auto默認。瀏覽器會計算出實際的高度。
length使用 px、cm 等單位定義高度。
%基於包含它的塊級對象的百分比高度。
inherit規定應該從父元素繼承 height 屬性的值。
TIY 實例
使用像素值設定圖像的高度
本例演示如何使用像素值設定元素的高度。
<html>
<head>
<style type="text/css">
img.normal
{
height: auto
}
img.big
{
height: 160px
}
img.small
{
height: 30px
}
</style>
</head>
<body>
<img class="normal" src="/i/eg_smile.gif" />
<br />
<img class="big" src="/i/eg_smile.gif" />
<br />
<img class="small" src="/i/eg_smile.gif" />
</body>
</html>
使用百分比設定圖像的高度
本例演示如何使用百分比值來設定元素的高度。
<html>
<head>
<style type="text/css">
img.normal
{
height: auto
}
img.big
{
height: 50%
}
img.small
{
height: 10%
}
</style>
</head>
<body>
<img class="normal" src="/i/eg_smile.gif" />
<br />
<img class="big" src="/i/eg_smile.gif" />
<br />
<img class="small" src="/i/eg_smile.gif" />
</body>
</html>
