CSS max-width 屬性

定義和用法

max-width 定義元素的最大寬度。

說明

該屬性值會對元素的寬度設置一個最高限制。因此，元素可以比指定值窄，但不能比其寬。不允許指定負值。

另請參閱：

CSS 教程：CSS 尺寸

CSS 參考手冊：CSS min-width 屬性

HTML DOM 參考手冊：maxWidth 屬性

實例

設置段落的最大寬度：

p
  {
  max-width:100px;
  }

親自試一試

CSS 語法

max-width: none|length|initial|inherit;

屬性值

值 描述
none 默認。定義對元素的最大寬度沒有限制。
length 定義元素的最大寬度值。
% 定義基于包含它的塊級對象的百分比最大寬度。
inherit 規定應該從父元素繼承 max-width 屬性的值。

技術細節

默認值： none
繼承性： no
版本： CSS2
JavaScript 語法： object.style.maxWidth="50px"

TIY 實例

使用像素值來設置元素的最大寬度
本例演示如何使用像素值來設置元素的最大高度。
使用百分比來設置元素的最大寬度
本例演示如何使用百分比值來設置元素的最大高度。

瀏覽器支持

表格中的數字注明了完全支持該屬性的首個瀏覽器版本。

Chrome IE / Edge Firefox Safari Opera
1.0 7.0 1.0 1.0 7.0