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

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