Layout

Inset

Style syntax for setting distance between an element and the parent element.

🚧This page is still under construction and some content may not be complete.

Class	Declarations
`inset:offset`	`inset: offset`
`inset:offset\|offset`	`inset: offset offset`
`inset:offset\|offset\|offset`	`inset: offset offset offset`
`inset:offset\|offset\|offset\|offset`	`inset: offset offset offset offset`

Basic usage

Use inset:offset to set the distance between the element and its parent element.

inset:20

<div>
    <div class="rel inset:20">inset:20</div>
</div>

Apply styles in different states using selectors, media queries, etc.

<div class="inset:10:hover inset:10@sm inset:10@dark inset:10@print">…</div>

Style syntax for placing an element on the left or right side of its container.

Style syntax for controlling whether an element should create a new stacking context.