inset-block
A logical shorthand for 'inset-block-start' and 'inset-block-end'. It defines an element's distance from the top and bottom of its container in one line.
Quick example
.full-height-overlay {
position: absolute;
/* Stretches from top to bottom logically */
inset-block: 0;
inset-inline: 40px;
}Quick facts
Initial value
See individual propertiesInherited
No
Applies to
positioned elements
Animation type
lpc
Values
top inset-block Browser Support
Widely available Since 2021 95% global usage
This feature is well established and works across many devices and browser versions. It has been available across browsers since 2021.
Safe to use without fallbacks.
87+
63+
14.1+
87+