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