CSS padding 屬性
實例
設置一個P元素的填充:
p
{
padding:2cm 4cm 3cm 4cm;
}
{
padding:2cm 4cm 3cm 4cm;
}
屬性定義及使用說明
padding 簡寫屬性在一個聲明中設置所有填充屬性。該屬性可以有1到4個值。
實例:
-
padding:10px 5px 15px 20px;
- 上填充是 10px
- 右填充是 5px
- 下填充是 15px
- 左填充是 20px
-
padding:10px 5px 15px;
- 上填充是 10px
- 右填充和左填充是 5px
- 下填充是 15px
-
padding:10px 5px;
- 上填充和下填充是 10px
- 右填充和左填充是 5px
-
padding:10px;
- 所有四個填充都是 10px
注意: 負值是不允許的。
默認值: | 0 |
---|---|
繼承: | no |
版本: | CSS1 |
JavaScript 語法: | object.style.padding="10px 5px" |
流覽器支持
表格中的數字表示支持該屬性的第一個流覽器版本號。
屬性 | |||||
---|---|---|---|---|---|
padding | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
屬性值
值 | 說明 |
---|---|
length | 規定以具體單位計的填充值,比如像素、釐米等。默認值是 0px |
% | 規定基於父元素的寬度的百分比的填充 |
inherit | 指定應該從父元素繼承padding |
相關文章
CSS 教學: CSS Padding