CSS cursor 모양 바꾸기

자바 스크립트 문법

CSS 속성은 자바스크립트를 이용하여 동적으로 변경할 수 있습니다.

Scripting Syntax: object.style.cursor="text"

우리의 HTML DOM 튜토리얼에서 cursor property 에 대한 더욱 많은 정보를 얻을 수 있다.
HTML DOM 튜토리얼은 전체 Style Object Reference를 찾을 수 있다.

---

Example (예제)

h2 { cursor: crosshair } p { cursor : url("first.cur"), url("second.cur"), pointer }

Possible Values

Value	Description
url	현재 커스텀 커서의를 URL에 지정된 값으로 이용할 수 있다. Note: Always define a generic cursor at the end of the list in case none of the url-defined cursors can be used
default	기본 커서 (종종 화살표이다.)
auto	기본값, 브라우저에서 설정된 커서값이 이용된다.
crosshair	크로스 헤어로 렌더링 한다.
pointer	커서를 hand 모양으로 렌더링 한다.
move	move 모양의 커서를 가리킨다.
e-resize	동쪽에 방향으로 박스 크기 조절 모양으로 보여준다.
ne-resize	북동쪽 방향으로 박스 크기 조절 모양을 보여준다.
nw-resize	북서쪽 방향으로 박스 크기 조절 모양을 보여준다.
n-resize	북쪽 방향으로 박스 크기 조절 모양을 보여준다.
se-resize	남동쪽 방향으로 박스 크기 조절 모양을 보여준다.
sw-resize	남서쪽 방향으로 박스 크기 조절 모양을 보여준다.
s-resize	남쪽 방향으로 박스 크기 조절 모양을 보여준다.
w-resize	서쪽 방향으로 박스 크기 조절 모양을 보여준다.
text	텍스트를 가리키는 커서 모양
wait	기다림 모양으로 프로그램이 수행중임을 나타내는 커서모양
help	도움말 모양의 커서 모양