CSS height 屬性
定義和用法
height 屬性設(shè)置元素的高度。
說明
這個屬性定義元素內(nèi)容區(qū)的高度,在內(nèi)容區(qū)外面可以增加內(nèi)邊距、邊框和外邊距。
行內(nèi)非替換元素會忽略這個屬性。
默認值: | auto |
---|---|
繼承性: | no |
版本: | CSS1 |
JavaScript 語法: | object.style.height="50px" |
實例
設(shè)置段落的高度和寬度:
p { height:100px;
width:100px; }
TIY
瀏覽器支持
所有主流瀏覽器都支持 height 屬性。
注釋:任何版本的 Internet Explorer (包括 IE8)都不支持屬性值 "inherit"。
可能的值
值 | 描述 |
---|---|
auto | 默認。瀏覽器會計算出實際的高度。 |
length | 使用 px、cm 等單位定義高度。 |
% | 基于包含它的塊級對象的百分比高度。 |
inherit | 規(guī)定應(yīng)該從父元素繼承 height 屬性的值。 |
TIY 實例
- 使用像素值設(shè)置圖像的高度
- 本例演示如何使用像素值設(shè)置元素的高度。
- 使用百分比設(shè)置圖像的高度
- 本例演示如何使用百分比值來設(shè)置元素的高度。
相關(guān)頁面
CSS 教程:CSS 尺寸
CSS 教程:CSS 框模型概述
CSS 參考手冊:width 屬性
HTML DOM 參考手冊:height 屬性