CSS padding 属性
下面还有更多“亲自试一试”的示例。
定义和用法
元素的内边距是其内容与其边框之间的空间。
padding 属性是以下属性的简写形式：
注意：内边距在元素内部创建额外的空间，而外边距在元素周围创建额外的空间。
此属性可以具有一个到四个值。
如果 padding 属性有四个值
- padding:10px 5px 15px 20px;
- 顶部内边距为 10px
- 右侧内边距为 5px
- 底部内边距为 15px
- 左侧内边距为 20px
如果 padding 属性有三个值
- padding:10px 5px 15px;
- 顶部内边距为 10px
- 右侧和左侧内边距为 5px
- 底部内边距为 15px
如果 padding 属性有两个值
- padding:10px 5px;
- 顶部和底部内边距为 10px
- 右侧和左侧内边距为 5px
如果 padding 属性有一个值
- padding:10px;
- 所有四个内边距都为 10px
注意：不允许使用负值。
| 默认值 | 0 |
|---|---|
| 继承 | 否 |
| 可动画 | 是，请参阅各个属性。 了解有关可动画的信息 试一试 |
| 版本 | CSS1 |
| JavaScript 语法 | object.style.padding="100px 20px" 试一试 |
浏览器支持
表中的数字指定完全支持该属性的第一个浏览器版本。
| 属性 | |||||
|---|---|---|---|---|---|
| padding | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
CSS 语法
padding: length|initial|inherit;
属性值
| 值 | 描述 | 演示 |
|---|---|---|
| length | 指定内边距，单位为 px、pt、cm 等。默认值为 0。 了解有关长度单位的信息 | 演示 ❯ |
| % | 指定内边距，单位为包含元素宽度的百分比 | 演示 ❯ |
| initial | 将此属性设置为其默认值。 了解有关initial的信息 | |
| inherit | 从其父元素继承此属性。 了解有关inherit的信息 |
更多示例
相关页面
CSS 教程：CSS 内边距
CSS 教程：CSS 盒模型
HTML DOM 参考：padding 属性
