inset-inline-start property in CSS

A simple inset-inline-start property example:

#myDIV {
    position: absolute;
    background-color: lightblue;
    height: 100%;
    inset-inline-start: 50px;
}

Laboratory

description & Usage

To determine the distance between an element and its parent element in the internal direction, we use the Inset-inline-start property.

#	Description
Default Value	auto
Inherited	no
Animatable	yes
Version	CSS3
JavaScript syntax	object.style.insetInlineStart="30%"

#	Chrome	Edge	Firefox	Safari	Opera
inset-inline-start

inset-inline-start: auto|value|initial|inherit;

Values	Description
auto	Default.
length	Determines the distance of the parent element in the corresponding axis in pixels, centimeters, etc.
%	Determines the distance of the parent element in the corresponding axis in percentage.
initial	Adds this value to its default property.
inherit	It inherits this value from its parent tag.