css 속성 inset은?

inset은 태그 요소의 위치를 결정하는 top, right, bottom, left의 축약 스타일 속성입니다. 

 

inset(top right bottom left)

 

 

 

상하좌우를 각각의 css 속성으로 설정하지 않고 inset 하나만 사용하는 것이 가능합니다.

 

예시1

.box {
    position: absolute;
    inset: 10px 10px 0 0;
    background: #3399ff;
}

 

 

예시2

.box {
    position: absolute;
    inset:auto 0 0 auto;
    background: #3399ff;
}

 

 

 

 

지원 브라우저

https://caniuse.com/?search=inset

https://caniuse.com/?search=inset