The inset-inline
CSS property defines the logical start and end offsets of an element in the inline direction, which maps to physical offsets depending on the element's writing mode, directionality, and text orientation. It corresponds to the top
and bottom
, or right
and left
properties depending on the values defined for writing-mode
, direction
, and text-orientation
.
/* <length> values */ inset-inline: 3px 10px; inset-inline: 2.4em 3em; inset-inline: 10px; /* value applied to start and end */ /* <percentage>s of the width or height of the containing block */ inset-inline: 10% 5%; /* Keyword value */ inset-inline: auto; /* Global values */ inset-inline: inherit; inset-inline: initial; inset-inline: revert; inset-inline: revert-layer; inset-inline: unset;