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