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

# CSS padding-bottom 屬性 ## 實例設置 p 元素的下內邊距： ``` p { padding-bottom:2cm; } ``` （在頁面底部可以找到更多實例） ## 瀏覽器支持所有主流瀏覽器都支持 padding-bottom 屬性。注釋：任何的版本的 Internet Explorer （包括 IE8）都不支持屬性值 "inherit"。 ## 定義和用法 padding-bottom 屬性設置元素的下內邊距（底部空白）。 ### 說明該屬性設置元素下內邊距的寬度。行內非替換元素上設置的下內邊距不會影響行高計算，因此，如果一個元素既有內邊距又有背景，從視覺上看可能延伸到其他行，有可能還會與其他內容重疊。不允許指定負內邊距值。注釋：不允許使用負值。 | 默認值： | 0 | | --- | --- | | 繼承性： | no | | --- | --- | | 版本： | CSS1 | | --- | --- | | JavaScript 語法： | _object_.style.paddingBottom="10px" | | --- | --- | ## 可能的值 | 值 | 描述 | | --- | --- | | _length_ | 規定以具體單位計的固定的下內邊距值，比如像素、厘米等。默認值是 0px。 | | _%_ | 定義基于父元素寬度的百分比下內邊距。此值不會如預期地那樣工作于所有的瀏覽器中。 | | inherit | 規定應該從父元素繼承下內邊距。 | ## TIY 實例 [設置下內邊距 1](/tiy/t.asp?f=csse_padding-bottom) 本例演示如何使用厘米值來設置單元格的下內邊距。 ``` <html> <head> <style type="text/css"> td {padding-bottom: 2cm} </style> </head> <body> <table border="1"> <tr> <td> 這個表格單元擁有下內邊距。 </td> </tr> </table> </body> </html> ``` [設置下內邊距 2](/tiy/t.asp?f=csse_padding-bottom_percent) 本例演示如何使用百分比值來設置單元格的下內邊距。 ``` <html> <head> <style type="text/css"> td { padding-bottom: 10% } </style> </head> <body> <table border="1"> <tr> <td> 這個表格單元擁有下內邊距。 </td> </tr> </table> </body> </html> ``` ## 相關頁面 CSS 教程：[CSS 內邊距](/css/css_padding.asp "CSS 內邊距") HTML DOM 參考手冊：[paddingBottom 屬性](/jsref/prop_style_paddingbottom.asp "HTML DOM paddingBottom 屬性")