inset-block-start | CSS CSS Properties

A logical property that sets the distance from the 'start' of the block axis (usually the 'top' in English layouts). It's the logical replacement for 'top'.

Quick example

.sticky-header {
  position: sticky;
  /* Sticks to the top of the container in a logical way */
  inset-block-start: 0;
}

Quick facts

Initial value

auto

Inherited

Applies to

positioned elements

Animation type

lpc

Values

top

inset-block-start 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.

View on caniuse.com → View on MDN → View on webstatus.dev → Learn more about Baseline →

87+

63+

14.1+

87+