Skip to content
Layout

inset

Writes the `top`, `right`, `bottom`, and `left` offsets in one shorthand declaration.

1,058 effects in the catalog use this property.

Syntax

inset: <top> <right> <bottom> <left>;

Watch out

`position: absolute; inset: 0` is the shortest way to stretch an element across its positioned parent without separate width and height declarations.

Common values

0
Fill the nearest positioned containing block

Effects using inset

These are working effects from the catalog. Open a tile to inspect the full source.