Inset

Utilities for controlling the placement of positioned elements.

Class CSS Output
inset-0
inset: calc(var(--spacing) * 0);
}
inset-4
inset: calc(var(--spacing) * 4);
}
inset-8
inset: calc(var(--spacing) * 8);
}
inset-auto
inset: auto;
}
inset-px
inset: 1px;
}
inset-[value]
inset: [value]
}
-inset-4
inset: calc(var(--spacing) * -4);
}
top-0
top: calc(var(--spacing) * 0);
}
top-4
top: calc(var(--spacing) * 4);
}
top-8
top: calc(var(--spacing) * 8);
}

inset-0

inset: calc(var(--spacing) * 0);

inset-4

inset: calc(var(--spacing) * 4);

inset-8

inset: calc(var(--spacing) * 8);

inset-auto

inset: auto;

inset-px

inset: 1px;

inset-[value]

inset: [value]

-inset-4

inset: calc(var(--spacing) * -4);

top-0

top: calc(var(--spacing) * 0);

top-4

top: calc(var(--spacing) * 4);

top-8

top: calc(var(--spacing) * 8);

Reference

inset MDN ↗
top MDN ↗

CSS Properties

  • inset
  • top