#padding-inline-end

#介绍

定义了元件的逻辑行末内边距，并根据元件的 direction 对应至实体内边距。该属性不能为负值。

在 LTR 模式下，padding-inline-end 等价于 padding-right。 在 RTL 模式下，padding-inline-end 等价于 padding-left。

#使用示例

css-apisrc/padding-inline-end/App.tsx

预览

#语法

/* <length> values */
padding-inline-end: 0.5em;
padding-inline-end: 0px;
padding-inline-end: 2rpx;

/* <percentage> value */
padding-inline-end: 10%;

#取值

#0px

默认值。

#<length>

<length> 定义为一个绝对值。不能为负值。

#<percentage>

相对于包含块的行内尺寸（宽度）的百分比。必须是非负值。

#形式定义

#形式语法

padding-inline-end =
  <length-percentage [0,∞]>

<length-percentage> =
  <length>      |
  <percentage>

#与 Web 的区别

mdn: padding-inline-end

1. Lynx 暂不支持 writing mode。

#兼容性