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

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