CSS height 属性

定義和用法

height屬性設定元素的高度。

說明

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

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

另請參考：

CSS教學：CSS尺寸

CSS教學：CSS 框模型概述

CSS參考手冊：width屬性

HTML DOM參考手冊：height屬性

實例

設定段落的height和width：

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

親自試試

CSS語法

height: auto|length|initial|inherit;

屬性值

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

技術細節

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

TIY實例

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

瀏覽器支持

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

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