CSS max-height 屬性用來設定元素的最大高度。
基本介紹
- 中文名：CSS max-height
- 外文名：CSS max-height
- 定義和用法：屬性設定元素的最大高度。
- 瀏覽器支持：任何版本
定義和用法,瀏覽器支持,可能的值,TIY 實例,
定義和用法
max-height 屬性設定元素的最大高度。
該屬性值會對元素的高度設定一個最高限制。因此，元素可以比指定值矮，但不能比其高。不允許指定負值。
注釋：max-height 屬性不包括外邊距、框線和內邊距。
| 默認值： | none |
|---|---|
| 繼承性： | no |
| 版本： | |
| JavaScript 語法： | object.style.maxHeight="50px" |
設定段落的最大高度：
p {max-height:100px;}
TIY
瀏覽器支持
所有主流瀏覽器都支持 max-height 屬性。
注釋：任何版本的 Internet Explorer （包括 IE8）都不支持屬性值 "inherit"。
可能的值
| 值 | 描述 |
|---|---|
none | 默認。定義對元素被允許的最大高度沒有限制。 |
length | 定義元素的最大高度值。 |
% | 定義基於包含它的塊級對象的百分比最大高度。 |
inherit | 規定應該從父元素繼承 max-height 屬性的值。 |
TIY 實例
設定元素的最大高度
本例演示如何設定一個元素的最大高度。
<html>
<head>
<style type="text/css">
p
{
max-height: 10px
}
</style>
</head>
<body>
<p>
這是一些文本。這是一些文本。這是一些文本。</p>
<img src="/i/eg_smile.gif" />
</body>
</html>
