z-index
z-index 속성에 대한 유틸리티입니다.
위치가 지정된(positioned) 요소와 그 자손, 혹은 flex 및 grid 아이템의 z축에서의 순서를 지정합니다. 겹치는 요소가 있다면 z-index 값이 큰 요소가 z-index 값이 작은 요소를 덮습니다.
| 클래스 | 약어 클래스 | 속성 |
|---|---|---|
z-index:1 | zi:1 | z-index: var(--z-index-1) !important; /* 1 */ |
z-index:2 | zi:2 | z-index: var(--z-index-2) !important; /* 200 */ |
z-index:3 | zi:3 | z-index: var(--z-index-3) !important; /* 500 */ |
z-index:4 | zi:4 | z-index: var(--z-index-4) !important; /* 1000 */ |
z-index:5 | zi:5 | z-index: var(--z-index-5) !important; /* 2000 */ |
기본 순서값 var(--z-index) 설정과 관련된 내용은 여기를 참고해주세요.