# Inset

Sets top, right, bottom and left at once.

## What does `inset` do?

`inset` sets `top`, `right`, `bottom` and `left` in one go for a positioned element. `inset: 0` stretches it to fill its container.

```css
.modal-backdrop { position: fixed; inset: 0; background: rgb(0 0 0 / 50%); }
```

Level: Apprentice · [More CSS terms at this level](https://www.ask-codey.com/glossary/subjects/css/apprentice)

Updated: September 27, 2026

Source: https://www.ask-codey.com/glossary/inset