padding
介绍
指定一个元素内容与内边界的距离，该属性不能为负值。是padding-top,padding-right,padding-bottom,padding-left的简写。
当 padding 值为 1 个: 应用于所有边； 当 padding 值为 2 个: 第一个值应用到 top 和 bottom ，第二个值应用到 right 及 left。 当 padding 值为 3 个:第一个值应用到 top ，第二个值应用到 right 及 left，第三个值应用到 bottom。 当 padding 值为 4 个:第一个值应用到 top ，第二个值应用到 right，第三个值应用到 bottom，第四个值应用到 left。
取值
<length>以固定值为外边距。<percentage>相对于包含块的宽度，以百分比值为外边距。默认值 0px
样例：
/* 应用于所有边 */
padding: 1em;
/* 上边下边 | 左边右边 */
padding: 5% 10%;
/* 上边 | 左边右边 | 下边 */
padding: 1em 2em 2em;
/* 上边 | 右边 | 下边 | 左边 */
padding: 5px 1em 0 2em;
1
2
3
4
5
6
7
8
9
10
11
2
3
4
5
6
7
8
9
10
11
标准化语法
[<length> | <percentage>]{1, 4}
1
与 Web 的区别
暂时不支持 inherit、initial、revert、unset 等取值。