CSS max-height 屬性 · W3School CSS 參考手冊

# CSS max-height 屬性 ## 實例設置段落的最大高度： ``` p { max-height:100px; } ``` ## 瀏覽器支持 | IE | Firefox | Chrome | Safari | Opera | | --- | --- | --- | --- | --- | 所有主流瀏覽器都支持 max-height 屬性。注釋：任何版本的 Internet Explorer （包括 IE8）都不支持屬性值 "inherit"。 ## 定義和用法 max-height 屬性設置元素的最大高度。 ### 說明該屬性值會對元素的高度設置一個最高限制。因此，元素可以比指定值矮，但不能比其高。不允許指定負值。注釋：max-height 屬性不包括外邊距、邊框和內邊距。 | 默認值： | none | | --- | --- | | 繼承性： | no | | --- | --- | | 版本： | CSS2 | | --- | --- | | JavaScript 語法： | _object_.style.maxHeight="50px" | | --- | --- | ## 可能的值 | 值 | 描述 | | --- | --- | | none | 默認。定義對元素被允許的最大高度沒有限制。 | | _length_ | 定義元素的最大高度值。 | | _%_ | 定義基于包含它的塊級對象的百分比最大高度。 | | inherit | 規定應該從父元素繼承 max-height 屬性的值。 | ## TIY 實例 [設置元素的最大高度](/tiy/t.asp?f=csse_dim_max-height) 本例演示如何設置一個元素的最大高度。 ``` <html> <head> <style type="text/css"> p { max-height: 10px } </style> </head> <body> <p>這是一些文本。這是一些文本。這是一些文本。這是一些文本。這是一些文本。這是一些文本。這是一些文本。這是一些文本。這是一些文本。這是一些文本。這是一些文本。這是一些文本。這是一些文本。這是一些文本。這是一些文本。</p> <img src="/i/eg_smile.gif" /> </body> </html> ``` ## 相關頁面 CSS 教程：[CSS 尺寸](/css/css_dimension.asp "CSS 尺寸 (Dimension)") CSS 教程：[min-height 屬性](/cssref/pr_dim_min-height.asp "CSS min-height 屬性") HTML DOM 參考手冊：[maxHeight 屬性](/jsref/prop_style_maxheight.asp "HTML DOM maxHeight 屬性")