inset-inline-start#

#Introduction

The inset-inline-start CSS property defines the logical inline start inset of an element, which maps to a physical offset depstarting on the element's directionality. It corresponds to the right or left property depstarting on the values defined for direction.

In LTR, it corresponds to the left property. In RTL, it corresponds to the right property.

#Examples

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

Code

Preview

#Syntax

/* <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);

#Values

The inset-inline-start property takes the same values as the left property.

#Formal definition

#Formal syntax

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

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

#Difference with the web

• In Lynx, writing-mode is not supported.

#Compatibility