Style cursor 속성

정의와 사용법

cursor 마우스 포인터에 표시할 커서 유형을 설정하거나 반환합니다.

다른 참조:

CSS 참조 설명서:cursor 속성

예제

예제 1

커서 변경:

document.getElementById("myP").style.cursor = "pointer";

본인이 직접 시도해 보세요

예제 2

모든 사용 가능한 커서 표시:

var whichSelected = x.selectedIndex;
document.body.style.cursor = x.options[whichSelected].text;

본인이 직접 시도해 보세요

예제 3

커서 유형 반환:

alert(document.getElementById("myP").style.cursor);

본인이 직접 시도해 보세요

문법

cursor 속성 반환:

object.style.cursor

cursor 속성 설정:

object.style.cursor = value

속성값

값 설명
alias 모든 것을 만들려는 것을 나타내는 커서를 나타냅니다.
all-scroll 상하좌우로 스크롤할 수 있는 커서를 나타냅니다.
auto 기본. 브라우저가 커서를 설정합니다.
cell 单元格(또는单元格 집합)을 선택할 수 있는 커서를 나타냅니다.
context-menu 컨텍스트 메뉴가 사용할 수 있는 커서를 나타냅니다.
col-resize 수평으로 열 크기를 조정할 수 있는 커서를 나타냅니다.
copy 복사할 수 있는 내용을 나타내는 커서를 나타냅니다.
crosshair 십자포인트로 표시되는 커서를 나타냅니다.
default 기본 커서.
e-resize 박스의 가장자리를 오른쪽으로 이동시키려는 것을 나타내는 커서를 나타냅니다.
ew-resize 양방향 조정 크기 커서를 나타냅니다.
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

커스터마이즈드 커서 URL의 쉼표 구분 목록.

주석:URL이 정의된 커서가 사용할 수 없을 때는 항상 목록의 마지막에 일반 커서를 지정하십시오.
vertical-text 선택할 수 있는 세로 텍스트를 나타내는 커서를 나타냅니다.
w-resize 박스의 가장자리를 왼쪽(서쪽)으로 이동시키려는 것을 나타내는 커서를 나타냅니다.
wait 프로그램이 바쁘다는 것을 나타내는 커서를 나타냅니다.
zoom-in 커서는 어떤 것을 확대할 수 있는 것을 나타냅니다.
zoom-out 커서는 어떤 것을 확대할 수 있는 것을 나타냅니다.
initial 이 속성을 기본 값으로 설정합니다. 참조: initial.
inherit 부모 요소에서 이 속성을 상속받습니다. 참조: inherit.

기술 세부 사항

기본 값: auto
반환 값: 문자열, 마우스 포인터가 요소에��론되었을 때 표시되는 마우스 포인터를 나타냅니다.
CSS 버전: CSS2

브라우저 지원

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
지원 지원 지원 지원 지원