Skip to content

Qvil Blog

[CSS] inset

css1 min read

The inset CSS property is a shorthand that corresponds to the top, right, bottom , and/or left properties. It has the same multi-value syntax of the margin shorthand.

아래와 같이 floating된 element 중앙정렬할 때 쓰는 코드를

1position: fixed; // or absolute
2top: 0;
3left: 0;
4right: 0;
5bottom: 0;

inset을 사용해서 아래와 같이 간결하게 대체할 수 있다.

1inset: 0;

Browser compatibility

IE 지원 안함.

Reference

inset - CSS: Cascading Style Sheets | MDN