首页技术文章正文

什么是内边距？怎么样给盒子模型设置内边距？

更新时间:2022年08月09日17时51分来源:传智教育浏览次数:

在网页设计中，为了调整内容在盒子中的显示位置，常常需要给标记设置内边距，所谓内边距是指标记内容与边框之间的距离，也称内填充，内填充不会影响标记内容的大小。在CSS中padding属性用于设置内边距，同边框属性border一样，padding也是一个复合属性，其相关设置方法如下。

padding-top：上内边距。

padding-right：右内边距。

padding-bottom：下内边距。

padding-left：左内边距。

padding：上内边距[右内边距下内边距左内边距]。

在上面的设置中，padding相关属性的取值可为auto自动(默认值)、不同单位的数值、相对于父标记(或浏览器)宽度的百分比%，实际工作中最常用的是像素值(px)，像素值不允许使用负值。

L同边框相关属性一样，使用padding属性定义内边距时，必须按顺时针顺序采用值复制，一个值为四边、两个值为上下/左右，三个值为上/左右/下。

注意：如果设置内外边距为百分比，则不论上下或左右的内外边距，都是相对于父标记宽度width的百分比，伴随父标记width的变化而变化，和高度height无关。

上一篇：CSS控制列表样式的4个属性 下一篇：前端培训：Ionic指令式组件和服务式组件

最新资讯