内边距属性
为了调整内容在盒子中的显示位置,常常需要给元素设置内边距。内边距也被称为内填充,指的是元素内容与边框之间的距离。下面将对内边距相关属性进行详细讲解。
在CSS中padding属性用于设置内边距,同边框属性border一样,padding也是复合属性,其相关设置方式如下。
padding-top:上内边距;
padding-right:右内边距;
padding-bottom:下内边距;
padding-left:左内边距;
padding:上内边距 [右内边距 下内边距 左内边距];
在上面的设置中,padding相关属性的取值可为auto自动(默认值)、不同单位的数值、相对于父元素(或浏览器)宽度的百分比%。在实际工作中padding属性值最常用的单位是像素值px,并且不允许使用负值。
同边框相关属性一样,使用复合属性padding定义内边距时,必须按顺时针顺序采用值复制的原则,一个值为四边、两个值为上下/左右,三个值为上/左右/下
注意:
如果设置内外边距属性值为百分比,不论上下或左右的内外边距,都是相对于父元素宽度width的百分比,随父元素width的变化而变化,和高度height无关。