inset-inline-start

介绍

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

在 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 =
  auto                 |
  <length-percentage>

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

形式定义

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

形式语法

与 left 属性相同。

与 Web 的区别

Lynx 不支持 writing-mode；

兼容性

LCD tables only load in the browser

#inset-inline-start

#介绍

#使用示例

#语法

#取值

#形式定义

#形式语法

#与 Web 的区别

#兼容性

inset-inline-start

介绍

使用示例

语法

取值

形式定义

形式语法

与 Web 的区别

兼容性