HTML CSS padding 内边距属性

HTML CSS padding 内边距属性 用于在任何设置的元素边框内生成的空间。通过 CSS,可以完全控制内边距(填充)。有一些属性可用于设置元素每一侧(上、右、下和左)的内边距。

CSS 拥有为元素单独设置每一侧外边距的属性:
上边距:padding-top
右边距:padding-right
下边距:padding-bottom
左边距:padding-left

所有内边距属性都可以设置以下值:
length – 以 px、pt、cm 等单位指定内边距
% – 指定以包含元素宽度的百分比计的内边距
inherit – 指定应从父元素继承内边距

提示:允许负值。

padding 简写

为了减少代码,还可以使用 padding 简写属性,如:
padding: 25px 50px 75px 100px;
padding 属性分别代表
上内边距是 25px
右内边距是 50px
下内边距是 75px
左内边距是 100px

padding 属性也可以设置三个值
padding: 25px 50px 75px;
padding 属性分别代表
上内边距是 25px
右和左内边距是 50px
下内边距是 75px

padding 属性也可以设置两个值
padding: 25px 50px;
padding 属性分别代表
上和下内边距是 25px
右和左内边距是 50px

如果 padding 属性只设置了一个值,则表示四周内边距设置为该值。

padding 属性为 inherit 值时,表示元素继承了父元素同属性的值。

若要将宽度保持为固定,无论填充量如何,那么您可以使用 box-sizing 属性。这将导致元素保持其宽度。如果增加内边距,则可用的内容空间会减少。具体使用box-sizing: border-box

如果你发现错误或有其他见解,请给www.zhuei.com留言,我们会尽快更新本文!