[CSS] cursor(마우스 커서) 속성

 

 

 

※ 예시 이미지는 이해를 돕고자 직접 제작한 이미지이므로 무단 사용 및 복제를 금지합니다.

 

CSS	예시	설명
cursor: auto;		기본값, 브라우저가 커서를 자동으로 설정함
cursor: alias;		별칭이나 바로가기가 생성됨
cursor: all-scroll;		어떤 방향으로든 스크롤 가능함
cursor: cell;		셀(또는 셀 세트)을 선택할 수 있음
cursor: context-menu;		콘텍스트 메뉴를 선택할 수 있음
cursor: col-resize;		열의 크기를 가로로 조정할 수 있음
cursor: copy;		복사할 내용을 나타냄
cursor: crosshair;		십자 커서
cursor: default;		기본 커서
cursor: e-resize;		박스의 모서리가 오른쪽(동쪽)으로 이동함
cursor: ew-resize;		양방향(가로)으로 크기를 조정함
cursor: grab;		요소를 잡거나 움켜쥘 수 있음
cursor: grabbing;		요소를 잡거나 움켜쥐고 있음
cursor: help;		도움말을 사용할 수 있음
cursor: move;		요소를 이동시킬 수 있음
cursor: n-resize;		박스의 모서리가 위쪽(북쪽)으로 이동함
cursor: ne-resize;		박스의 모서리가 위쪽과 오른쪽(북동쪽)으로 이동함
cursor: nesw-resize;		양방향(사선)으로 크기를 조정함
cursor: ns-resize;		양방향(세로)으로 크기를 조정함
cursor: nw-resize;		박스의 모서리가 위쪽과 왼쪽(북서쪽)으로 이동함
cursor: nwse-resize;		양방향(사선)으로 크기를 조정함
cursor: no-drop;		끌어온 항목을 여기에 놓을 수 없음
cursor: none;		커서 없음
cursor: not-allowed;		요청 작업을 실행할 수 없음
cursor: pointer;		링크를 나타냄
cursor: progress;		프로그램이 사용(진행) 중임
cursor: row-resize;		행의 크기를 세로로 조정함
cursor: s-resize;		박스의 모서리가 아래쪽(남쪽)으로 이동함
cursor: se-resize;		박스의 모서리가 아래쪽과 오른쪽(남동쪽)으로 이동함
cursor: sw-resize;		박스의 모서리가 아래쪽과 왼쪽(남서쪽)으로 이동함
cursor: text;		텍스트를 선택할 수 있음
cursor: vertical-text;		수직 텍스트를 선택할 수 있음
cursor: url('경로'), auto;		사용자가 커서를 커스텀할 수 있음
cursor: w-resize;		박스의 모서리가 왼쪽(서쪽)으로 이동함
cursor: wait;		프로그램이 사용 중임
cursor: zoom-in;		요소를 확대할 수 있음
cursor: zoom-out;		요소를 축소할 수 있음
cursor: initial;		이 속성을 기본값으로 설정함
cursor: inherit;		부모의 속성 값을 상속 받음