CSS

Inset lets you set the top, right, bottom, and left positions all at once.

inset

insetプロパティは、CSSで要素の位置を指定するためのショートハンド（まとめ書き）です。

通常は top、right、bottom、left をそれぞれ書きますが、inset を使えば一度にまとめて指定できます。

inset: 10px;

上下左右すべてに10pxを適用

inset: 10px 20px;

上下は10px、左右は20px

inset: 10px 20px 30px;

上は10px、左右は20px、下は30px

inset: 10px 20px 30px 40px;

上右下左の順にそれぞれ指定

ポイント

• position が absolute や fixed などの場合に有効
• 書き方は margin や padding と同じ感覚
• 長い指定をスッキリ短く書ける