CSS height 屬性

定義和用法

height 屬性設置元素的高度。

說明

這個屬性定義元素內容區的高度，在內容區外面可以增加內邊距、邊框和外邊距。

行內非替換元素會忽略這個屬性。

另請參閱：

CSS 教程：CSS 尺寸

CSS 教程：CSS 框模型概述

CSS 參考手冊：width 屬性

HTML DOM 參考手冊：height 屬性

實例

設置段落的高度和寬度：

p
  {
  height:100px;
  width:100px;
  }

親自試一試

CSS 語法

height: auto|length|initial|inherit;

屬性值

值 描述
auto 默認。瀏覽器會計算出實際的高度。
length 使用 px、cm 等單位定義高度。
% 基于包含它的塊級對象的百分比高度。
inherit 規定應該從父元素繼承 height 屬性的值。

技術細節

默認值： auto
繼承性： no
版本： CSS1
JavaScript 語法： object.style.height="50px"

TIY 實例

使用像素值設置圖像的高度
本例演示如何使用像素值設置元素的高度。
使用百分比設置圖像的高度
本例演示如何使用百分比值來設置元素的高度。

瀏覽器支持

表格中的數字注明了完全支持該屬性的首個瀏覽器版本。

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 7.0