inset-inline-start

介绍

CSS 属性 inset-inline-start 定义了元件的逻辑行首偏移,并根据元件的行内方向对应至实体偏移。根据 direction 所定义的值,此属性对应于 rightleft 属性。

LTR 模式下,inset-inline-start 等价于 left。 在 RTL 模式下,inset-inline-start 等价于 right

使用示例

语法

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

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

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

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

取值

inset-inline-start 属性的取值与 left 属性相同。

形式定义

初始值auto
适用元素所有元件
是否支持继承
是否支持动画
百分比refer to the width of the containing block

形式语法

left 属性相同。

与 Web 的区别

  • Lynx 不支持 writing-mode

兼容性

LCD tables only load in the browser

除非另有说明,本项目采用知识共享署名 4.0 国际许可协议进行许可,代码示例采用 Apache License 2.0 许可协议进行许可。