사용자 인터랙션
커서, 선택, 포인터 이벤트, 터치 액션 관련 클래스입니다.
Cursor
| 클래스 | CSS |
|---|---|
cp | cursor: pointer |
cd | cursor: default |
cm | cursor: move |
ct | cursor: text |
cw | cursor: wait |
User Select
| 클래스 | CSS |
|---|---|
usn | user-select: none |
usa | user-select: auto |
ust | user-select: text |
usal | user-select: all |
Pointer Events
| 클래스 | CSS |
|---|---|
pen | pointer-events: none |
pea | pointer-events: auto |
Touch Action
| 클래스 | CSS |
|---|---|
tan | touch-action: none |
taa | touch-action: auto |
tapx | touch-action: pan-x |
tapy | touch-action: pan-y |
Overscroll Behavior
| 클래스 | CSS |
|---|---|
obau | overscroll-behavior: auto |
obc | overscroll-behavior: contain |
obn | overscroll-behavior: none |
obxa | overscroll-behavior-x: auto |
obxc | overscroll-behavior-x: contain |
obxn | overscroll-behavior-x: none |
obya | overscroll-behavior-y: auto |
obyc | overscroll-behavior-y: contain |
obyn | overscroll-behavior-y: none |
Scroll Behavior
| 클래스 | CSS |
|---|---|
sba | scroll-behavior: auto |
sbs | scroll-behavior: smooth |
Scroll Snap
| 클래스 | CSS |
|---|---|
sstn | scroll-snap-type: none |
sstxm | scroll-snap-type: x mandatory |
sstym | scroll-snap-type: y mandatory |
sstbm | scroll-snap-type: both mandatory |
sstxp | scroll-snap-type: x proximity |
sstyp | scroll-snap-type: y proximity |
sstbp | scroll-snap-type: both proximity |
ssan | scroll-snap-align: none |
ssas | scroll-snap-align: start |
ssac | scroll-snap-align: center |
ssae | scroll-snap-align: end |
sssn | scroll-snap-stop: normal |
sssa | scroll-snap-stop: always |
Resize
| 클래스 | CSS |
|---|---|
rzn | resize: none |
rzv | resize: vertical |
rzh | resize: horizontal |
rzb | resize: both |
Scrollbar Width
| 클래스 | CSS |
|---|---|
swa | scrollbar-width: auto |
swt | scrollbar-width: thin |
swn | scrollbar-width: none |
Appearance
| 클래스 | CSS |
|---|---|
appn | appearance: none |