css 속성 inset은?

css

퓨어프 2023. 10. 18. 13:29

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;
}

지원 브라우저