CSS margin-bottom 屬性 · W3School CSS 參考手冊

# CSS margin-bottom 屬性 ## 實例設置 p 元素的下外邊距： ``` p { margin-bottom:2cm; } ``` （在頁面底部可以找到更多實例） ## 瀏覽器支持 | IE | Firefox | Chrome | Safari | Opera | | --- | --- | --- | --- | --- | 所有主流瀏覽器都支持 margin-bottom 屬性。注釋：任何的版本的 Internet Explorer （包括 IE8）都不支持屬性值 "inherit"。 ## 定義和用法 margin-bottom 屬性設置元素的下外邊距。注釋：允許使用負值。 | 默認值： | 0 | | --- | --- | | 繼承性： | no | | --- | --- | | 版本： | CSS1 | | --- | --- | | JavaScript 語法： | _object_.style.marginBottom="10px" | | --- | --- | ## 可能的值 | 值 | 描述 | | --- | --- | | auto | 瀏覽器計算下外邊距。 | | _length_ | 規定以具體單位計的下外邊距值，比如像素、厘米等。默認值是 0px。 | | _%_ | 規定基于父元素的寬度的百分比的下外邊距。 | | inherit | 規定應該從父元素繼承下外邊距。 | ## TIY 實例 [設置文本的下外邊距 1](/tiy/t.asp?f=csse_margin-bottom) 本例演示如何使用厘米值來設置文本的下外邊距。 ``` <html> <head> <style type="text/css"> p.bottommargin {margin-bottom: 2cm} </style> </head> <body> <p>這個段落沒有指定外邊距。</p> <p class="bottommargin">這個段落帶有指定的下外邊距。</p> <p>這個段落沒有指定外邊距。</p> </body> </html> ``` [設置文本的下外邊距 2](/tiy/t.asp?f=csse_margin-bottom_percent) 本例演示如何使用百分比值來設置文本的下外邊距。 ``` <html> <head> <style type="text/css"> p.bottommargin { margin-bottom: 25% } </style> </head> <body> <p>This is a paragraph with no margin specified</p> <p class="bottommargin">This is a paragraph with a specified bottom margin</p> <p>This is a paragraph with no margin specified</p> </body> </html> ``` ## 相關頁面 CSS 教程：[CSS 外邊距](/css/css_margin.asp "CSS 外邊距") HTML DOM 參考手冊：[marginBottom 屬性](/jsref/prop_style_marginbottom.asp "HTML DOM marginBottom 屬性")