CSS | 边距内联属性

介绍

CSS（Cascading Style Sheets）边距内联属性是控制元素内边距的一组属性，用于控制元素的内边距，即元素内容区域和元素边缘之间的空间。

这些属性以“padding”作为前缀，后跟顶部、右侧、底部和左侧内边距的值。通过内联样式或样式表设置这些属性，就可以对元素的内部间距进行定制化调整。

语法

padding-top: value;
padding-right: value;
padding-bottom: value;
padding-left: value;

其中，value可以是浮点数、百分比或者带有长度单位的数值。如：px、em、rem等。

示例

HTML代码：

<div style="padding: 10px;">Hello, world!</div>

CSS代码：

div {
  padding-top: 20px;
  padding-right: 30px;
  padding-bottom: 40px;
  padding-left: 50px;
}

该示例设置了一个div元素的内边距。其中，padding属性设置了所有内边距的值为10px；而4个padding-*属性分别设置了相应方向的内边距值，分别为20px、30px、40px和50px。

总结

边距内联属性是CSS中控制元素内边距的一种常见属性。通过padding-top、padding-right、padding-bottom和padding-left四个属性，可以实现对元素内边距的精确调整。在布局、排版等方面具有广泛应用。