CSS padding 属性
❮ 上一节
CSS 参考手册
下一节 ❯
实例
将 p 元素所有四边的填充设置为 35 像素:
p {
padding: 35px;
}
亲自试一试 »
下面有更多实例。
定义和用法
元素的填充是其内容和边框之间的空间。
padding 属性是以下内容的简写属性:
padding-top
padding-right
padding-bottom
padding-left
注释: 填充在元素内创建额外空间，而边距在元素周围创建额外空间。
此属性可以有一到四个值。
如果 padding 属性有 4 个值:
padding:10px 5px 15px 20px;
上内边距是 10px
右内边距是 5px
下内边距是 15px
左内边距是 20px
如果 padding 属性有 3 个值:
padding:10px 5px 15px;
上内边距是 10px
右内边距和左内边距是 5px
下内边距是 15px
如果 padding 属性有 2 个值:
padding:10px 5px;
上内边距和下内边距是 10px
右内边距和左内边距是 5px
如果 padding 属性有 1 个值:
padding:10px;
所有 4 个内边距都是 10px
注释: 不允许使用负值。
默认值:
0
继承性:
no
支持动画:
yes, 请参阅单独的属性. 阅读有关动画的信息
测试一下
版本:
CSS1
JavaScript 语法:
object.style.padding="100px 20px"
测试一下
浏览器支持
表中的数字表示支持该属性的第一个浏览器版本。
属性
padding
1.0
4.0
1.0
1.0
3.5
语法
padding: length|initial|inherit;
属性值
值
描述
试一试
length
以px、pt、cm等为单位指定填充。默认值为0。默认值是 0px。 阅读长度单位
亲自试一试 »
%
以包含元素宽度的百分比指定填充
亲自试一试 »
initial
将此属性设置为其默认值。请参阅 initial
亲自试一试 »
inherit
从其父元素继承此属性。请参阅 inherit
更多实例
实例
将 p 元素的填充设置为顶部和底部为35像素，右侧和左侧为70像素:
p {
padding: 35px 70px;
}
亲自试一试 »
实例
将 p 元素的填充设置为顶部35像素，左右70像素，底部50像素:
p {
padding: 35px 70px 50px;
}
亲自试一试 »
实例
将 p 元素的填充设置为顶部35像素，右侧70像素，底部50像素，左侧90像素:
p {
padding: 35px 70px 50px 90px;
}
亲自试一试 »
相关页面
CSS 教程: CSS Padding
CSS 教程: CSS 盒子模型
HTML DOM 参考手册: padding 属性
❮ 上一节
CSS 参考手册
下一节 ❯