免費(fèi)AI編程助手
Style maxWidth 屬性
Style 對(duì)象
定義和用法
maxWidth 屬性設(shè)置或返回元素的最大寬度。
maxWidth 屬性只在塊級(jí)元素或絕對(duì)/固定位置的元素發(fā)揮作用。
注意：一個(gè)元素的寬度永遠(yuǎn)不能大于 maxWidth 屬性規(guī)定的值。
語(yǔ)法
設(shè)置 maxWidth 屬性：
Object.style.maxWidth="none|length|%|inherit"
返回 maxWidth 屬性：
Object.style.maxWidth
| 值 | 描述 |
|---|---|
| none | 默認(rèn)。元素的寬度沒(méi)有限制。 |
| length | 使用 px、cm 等單位定義最大寬度。 |
| % | 定義最大寬度為父元素的百分比。 |
| inherit | maxWidth 屬性的值從父元素繼承。 |
瀏覽器支持
所有主要瀏覽器都支持 maxWidth 屬性。
注意：IE7 及更早的版本不支持 "inherit" 值。IE8 只有規(guī)定了 !DOCTYPE 才支持 "inherit"。IE9 支持 "inherit"。
實(shí)例
實(shí)例
設(shè)置元素的最大寬度：
<html>
<head>
<script>
function displayResult()
{
document.getElementById("p1").style.maxWidth="150px";
}
</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 width">
</body>
</html>
<head>
<script>
function displayResult()
{
document.getElementById("p1").style.maxWidth="150px";
}
</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 width">
</body>
</html>
嘗試一下 ?
Style 對(duì)象
更多建議：