padding CSS属性可在元素的所有四个侧面上设置填充。 它是padding-top,padding-right,padding-bottom和padding-left属性的简写属性。
下表为此属性的用法说明和版本历史记录,以及该属性在javascript脚本中的使用语法。
默认值: | 0 |
---|---|
适用于: | 所有元素,除了<tbody>,<thead>,<tfoot>,<tr>,<colgroup>和<col>。它也适用于::first-letter。 |
继承: | 没有 |
可动画制作: | 是。请参考 动画属性。 |
版本: | CSS 1,2,3 |
JavaScript 语法: | object.style.padding="20px 15px" |
该属性的语法如下:
padding: [ length | percentage] 1 to 4 values | initial | inherit
下面的示例演示了如何使用padding属性。
p.one { padding: 20px; } p.two { padding: 35px 15px; }测试看看‹/›
该简写速记符号可以采用一个,两个,三个或四个空格分隔的值。
如果设置一个值,则该填充适用于所有4个面。
如果设置了两个值,则第一个值将应用于顶部和底部,第二个值将应用于右侧和左侧。
三个值分别应用于顶部,水平(即左右)和底部。
四个值依次应用于顶部,右侧,底部,左侧。
下表描述了此属性的值。
值 | 描述 |
---|---|
padding-top | 将填充设置为元素的顶部。 |
padding-right | 将填充设置为元素的右侧。 |
padding-bottom | 将填充设置为元素的底侧。 |
padding-left | 将填充设置为元素的左侧。 |
initial | 将此属性设置为其默认值。 |
inherit | 如果指定,则关联元素采用其父元素padding的属性值。 |
padding属性浏览器的兼容性,下表中的数字表示支持该属性的浏览器最低版本号;所有主流浏览器均支持该属性。
|