inset-block property in CSS

A simple inset-block property example:

#myDIV {
    position: absolute;
    background-color: lightblue;
    inset-block: 10px 50px;
}

Laboratory

description & Usage

We use the inset-block property to determine the distance of an element from its parent element in the block range.

#	Description
Default Value	auto
Inherited	no
Animatable	yes
Version	CSS3
JavaScript syntax	object.style.insetBlock="100px 50px"

#	Chrome	Edge	Firefox	Safari	Opera
inset-block

inset-block: auto|value|initial|inherit;

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