#inset-inline-end

#介绍

CSS 属性 inset-inline-end 定义了元件的逻辑行末偏移，并根据元件的行内方向对应至实体偏移。根据 direction 所定义的值，此属性对应于 right 或 left 属性。

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

#使用示例

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

预览

#语法

/* <length> values */
inset-inline-end: 3px;
inset-inline-end: 2rpx;
inset-inline-end: 2.4em;
inset-inline-end: 3rem;

/* 参照于包含块宽度的百分比 */
inset-inline-end: 10%;

/* Keyword value */
inset-inline-end: auto;

/* calc */
inset-inline-end: calc(1px + 1px);

#取值

inset-inline-end 属性的取值与 right 属性相同。

#形式定义

#形式语法

inset-inline-end = 
  auto                 |
  <length-percentage>  

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

#与 Web 的区别

• Lynx 不支持 writing-mode；

#兼容性