본문 바로가기

Webstoryboy

Category

Explanation

CSS

[CSS] cursor

cursor

cursor 속성은 마우스 오버시 마우스 포인터를 정의합니다.


cursor

cursor 속성은 마우스 오버시 마우스 포인터를 정의합니다.

정의(Definition)

  • cursor 속성은 마우스 오버시 마우스 포인터를 정의합니다.

문법(Syntax)

cursor : alias | all-scroll | auto | cell | context-menu | col-resize | copy | crosshair | default | e-resize | ew-resize | grab | grabbing | help | move | n-resize | ne-resize | nesw-resize | ns-resize | nw-resize | nwse-resize | no-drop | none | not-allowed | pointer | progress | row-resize | s-resize | se-resize | sw-resize | text | URL | vertical-text | w-resize | wait | zoom-in | zoom-out

속성(Property)

속성값 설명
alias 커서의 모양을 alias으로 설정합니다.
all-scroll 커서의 모양을 all-scroll으로 설정합니다.
auto 커서의 모양을 auto으로 설정합니다.
cell 커서의 모양을 cell으로 설정합니다.
context-menu 커서의 모양을 context-menu으로 설정합니다.
col-resize 커서의 모양을 col-resize으로 설정합니다.
copy 커서의 모양을 copy으로 설정합니다.
crosshair 커서의 모양을 crosshair으로 설정합니다.
default 커서의 모양을 default으로 설정합니다.
e-resize 커서의 모양을 e-resize으로 설정합니다.
ew-resize 커서의 모양을 ew-resize으로 설정합니다.
grab 커서의 모양을 grab으로 설정합니다.
grabbing 커서의 모양을 grabbing으로 설정합니다.
help 커서의 모양을 help으로 설정합니다.
move 커서의 모양을 move으로 설정합니다.
n-resize 커서의 모양을 n-resize으로 설정합니다.
ne-resize 커서의 모양을 ne-resize으로 설정합니다.
nesw-resize 커서의 모양을 nesw-resize으로 설정합니다.
ns-resize 커서의 모양을 ns-resize으로 설정합니다.
nw-resize 커서의 모양을 nw-resize으로 설정합니다.
nwse-resize 커서의 모양을 nwse-resize으로 설정합니다.
no-drop 커서의 모양을 no-drop으로 설정합니다.
none 커서의 모양을 none으로 설정합니다.
not-allowed 커서의 모양을 not-allowed으로 설정합니다.
pointer 커서의 모양을 pointer으로 설정합니다.
progress 커서의 모양을 progress으로 설정합니다.
row-resize 커서의 모양을 row-resize으로 설정합니다.
s-resize 커서의 모양을 s-resize으로 설정합니다.
se-resize 커서의 모양을 se-resize으로 설정합니다.
sw-resize 커서의 모양을 sw-resize으로 설정합니다.
text 커서의 모양을 text으로 설정합니다.
URL 커서의 이미지 주소를 설정합니다.
vertical-text 커서의 모양을 vertical-text으로 설정합니다.
w-resize 커서의 모양을 w-resize으로 설정합니다.
wait 커서의 모양을 wait으로 설정합니다.
zoom-in 커서의 모양을 zoom-in으로 설정합니다.
zoom-out 커서의 모양을 zoom-out으로 설정합니다.

호환성(Compatibility)

크롬 아이콘 파이어폭스 아이콘 사파리 아이콘 오페라 아이콘 네이버 웨일 익스플로러6 아이콘6 익스플로러7 아이콘7 익스플로러8 아이콘8 익스플로러9 아이콘9 익스플로러10 아이콘10 익스플로러11 아이콘11 엣지 아이콘 안드로이드 아이콘 ios 아이콘
cursor 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능

더보기

인스타그램 보기 바로가기

포트폴리오 스터디 바로가기

유튜브 영상보기 바로가기