CSS | padding-inline 属性

CSS中的 padding-inline 属性指定了元素内部内容区域的左右间距。padding-inline 属性可以用于所有元素。

语法

padding-inline 属性的语法如下：

padding-inline: length | initial | inherit;

其中，length 用于指定元素内部内容区域的左右间距。initial 表示将该属性设置为默认值。inherit 表示将该属性值设置为其父元素的值。

示例

以下示例演示了如何使用 padding-inline 属性：

/* 将 div 元素的内部内容区域的左右间距设置为 20px */
div {
  padding-inline: 20px;
}

备注

padding-inline 属性的值将应用到元素内部内容区域的左侧和右侧。也就是说，如果您在左侧使用了其他属性（如 padding-left），则 padding-inline 属性将覆盖该属性。

如果您想要指定元素上下间距，可以使用 padding-top 和 padding-bottom 属性。

结论

CSS 中的 padding-inline 属性允许您指定元素内部内容区域的左右间距。这是一个非常实用的属性，可以使您在布局时更加灵活。