免費AI編程助手
Style maxHeight 屬性
Style 對象
定義和用法
maxHeight 屬性設置或返回元素的最大高度。
maxHeight 屬性只在塊級元素或絕對/固定位置的元素發(fā)揮作用。
注意：一個元素的高度永遠不能大于 maxHeight 屬性規(guī)定的值。
語法
設置 maxHeight 屬性：
Object.style.maxHeight="none|length|%|inherit"
返回 maxHeight 屬性：
Object.style.maxHeight
| 值 | 描述 |
|---|---|
| none | 默認。元素的高度沒有限制。 |
| length | 使用 px、cm 等單位定義最大高度。 |
| % | 定義最大高度為父元素的百分比。 |
| inherit | maxHeight 屬性的值從父元素繼承。 |
瀏覽器支持
所有主要瀏覽器都支持 maxHeight 屬性。
注意：IE7 及更早的版本不支持 "inherit" 值。IE8 只有規(guī)定了 !DOCTYPE 才支持 "inherit"。IE9 支持 "inherit"。
實例
實例
設置元素的最大高度：
<html>
<head>
<script>
function displayResult()
{
document.getElementById("p1").style.maxHeight="15px";
}
</script>
</head>
<body>
<p id="p1">This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.</p>
<input type="button" onclick="displayResult()" value="Set max height">
</body>
</html>
<head>
<script>
function displayResult()
{
document.getElementById("p1").style.maxHeight="15px";
}
</script>
</head>
<body>
<p id="p1">This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.</p>
<input type="button" onclick="displayResult()" value="Set max height">
</body>
</html>
嘗試一下 ?
Style 對象
更多建議：