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