CSS max-height 屬性

定義和用法

max-height 屬性設置元素的最大高度。

說明

該屬性值會對元素的高度設置一個最高限制。因此，元素可以比指定值矮，但不能比其高。不允許指定負值。

注釋：max-height 屬性不包括外邊距、邊框和內邊距。

另請參閱：

CSS 教程：CSS 尺寸

CSS 教程：min-height 屬性

HTML DOM 參考手冊：maxHeight 屬性

實例

設置段落的最大高度：

p
  {
  max-height:100px;
  }

親自試一試

CSS 語法

max-height: none|length|initial|inherit;

屬性值

值 描述
none 默認。定義對元素被允許的最大高度沒有限制。
length 定義元素的最大高度值。
% 定義基于包含它的塊級對象的百分比最大高度。
inherit 規定應該從父元素繼承 max-height 屬性的值。

技術細節

默認值： none
繼承性： no
版本： CSS2
JavaScript 語法： object.style.maxHeight="50px"

TIY 實例

設置元素的最大高度
本例演示如何設置一個元素的最大高度。

瀏覽器支持

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

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