CSS max-width 屬性
定義和用法
max-width 定義元素的最大寬度。
說明
該屬性值會對元素的寬度設置一個最高限制。因此，元素可以比指定值窄，但不能比其寬。不允許指定負值。
| 默認值： | none |
|---|---|
| 繼承性： | no |
| 版本： | CSS2 |
| JavaScript 語法： | object.style.maxWidth="50px" |
實例
設置段落的最大寬度：
p { max-width:100px;} TIY
瀏覽器支持
所有主流瀏覽器都支持 max-width 屬性。
注釋：任何版本的 Internet Explorer （包括 IE8）都不支持屬性值 "inherit"。
可能的值
| 值 | 描述 |
|---|---|
| none | 默認。定義對元素的最大寬度沒有限制。 |
| length | 定義元素的最大寬度值。 |
| % | 定義基于包含它的塊級對象的百分比最大寬度。 |
| inherit | 規定應該從父元素繼承 max-width 屬性的值。 |
TIY 實例
- 使用像素值來設置元素的最大寬度
- 本例演示如何使用像素值來設置元素的最大高度。
- 使用百分比來設置元素的最大寬度
- 本例演示如何使用百分比值來設置元素的最大高度。
相關頁面
CSS 教程：CSS 尺寸
CSS 參考手冊：CSS min-width 屬性
HTML DOM 參考手冊：maxWidth 屬性
