CSS max-width 屬性
更多“自己嘗試”的例子見下文。
定義和用法
max-width 屬性定義了元素的は最大寬度。
如果內容大於は最大寬度，它會自動更改元素的高度。
如果內容小於は最大寬度，則 max-width 屬性無效。
注意：這可以防止 width 屬性的值大於 max-width。 max-width 屬性的值會覆蓋 width 屬性。
| 預設值 | none |
|---|---|
| 繼承 | no |
| 可動畫 | 是的，檢視單個屬性。 閱讀關於animatable Try it |
| 版本 | CSS2 |
| JavaScript 語法 | object.style.maxWidth="600px" Try it |
瀏覽器支援
表中的數字指定了完全支援該屬性的第一個瀏覽器版本。
| 屬性 | |||||
|---|---|---|---|---|---|
| max-width | 1.0 | 7.0 | 1.0 | 1.3 | 7.0 |
CSS 語法
max-width: none|length|initial|inherit;
屬性值
| 值 | 描述 | 演示 |
|---|---|---|
| none | 沒有は最大寬度。這是預設值 | 試一試 » |
| length | 定義は最大寬度（以 px、cm 等為單位）。 閱讀關於長度單位 | 試一試 » |
| % | 定義包含塊的百分比は最大寬度 | 試一試 » |
| initial | 將此屬性設定為其預設值。閱讀關於initial | |
| inherit | 從其父元素繼承此屬性。閱讀關於inherit |
更多示例
相關頁面
CSS 教程：CSS 高度和寬度
CSS 參考：min-width 屬性
HTML DOM 參考：maxWidth 屬性
