CSS Padding 属性
CSS padding 属性用于设置元素内边距的大小和位置,它可以控制元素内容与元素边框间的空白区域大小,从而影响元素的布局。
Padding 属性可以使用 4 个值来控制元素的内边距,分别为:padding-top、padding-right、padding-bottom 和 padding-left 。
如果只指定一个值,那么这个值将会被应用到所有四个边框:
padding: 10px;
如果指定两个值,那么第一个值将会被应用到上下边框,第二个值将会被应用到左右边框:
padding: 10px 20px;
如果指定三个值,那么第一个值将会被应用到上边框,第二个值将会被应用到左右边框,第三个值将会被应用到下边框:
padding: 10px 20px 30px;
如果指定四个值,那么第一个值将会被应用到上边框,第二个值将会被应用到右边框,第三个值将会被应用到下边框,第四个值将会被应用到左边框:
padding: 10px 20px 30px 40px;
你还可以使用百分比值来设置内边距:
padding: 10%;
Padding 属性也可以使用简写形式,例如:
padding: 10px 20px 30px 40px; /* 上面的写法可以简写为: */ padding: 10px 20px 30px;
Padding 属性可以使用负值,但是负值不会超出元素的边框,例如:
padding: -10px;
还可以使用 inherit 关键字来继承父元素的内边距:
padding: inherit;
:
- CSS padding 属性用于设置元素内边距的大小和位置。
- Padding 属性可以使用 4 个值来控制元素的内边距,分别为:padding-top、padding-right、padding-bottom 和 padding-left 。
- Padding 属性可以使用百分比值来设置内边距。
- Padding 属性可以使用简写形式。
- Padding 属性可以使用负值,但是负值不会超出元素的边框。
- Padding 属性可以使用 inherit 关键字来继承父元素的内边距。