Inset Inline

Utilities for controlling the horizontal placement of positioned elements.

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

inset-x-0

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

inset-x-4

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

inset-x-8

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

inset-x-auto

inset-inline: auto;

inset-x-px

inset-inline: 1px;

inset-x-[value]

inset-x: [value]

-inset-x-4

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

Reference

inset-inline	MDN ↗
inset-x	MDN ↗