정의 및 사용
커서 속성 집합 또는 커서의 형태를 돌려 마우스 포인터 표시합니다.
브라우저 지원
커서 속성은 모든 주요 브라우저에서 지원됩니다.
통사론
커서 속성을 반환합니다 :
object .style.cursor
커서 속성을 설정 :
object .style.cursor= 속성 값 값 기술 alias 커서가 뭔가의 별칭을 만들 수 있음을 나타냅니다 all-scroll 커서는 뭔가 어떤 방향으로 스크롤 할 수 있음을 나타냅니다 auto 태만. 브라우저는 커서를 설정합니다 cell 커서가 셀 것을 나타낸다 (or set of cells) 선택 될 수있다 context-menu 커서가 컨텍스트 메뉴를 사용할 수 있음을 나타냅니다 col-resize 커서가 수평 열 조정할 수 있음을 나타낸다 copy 커서가 뭔가를 복사 할 나타냅니다 crosshair 커서가 십자 모양으로 렌더링 default 기본 커서 e-resize 커서 박스의 에지 바로 이동할 수 있음을 나타낸다 (east) ew-resize 양방향 크기 조정 커서를 나타냅니다 help 커서는 도움을 사용할 수 있음을 나타냅니다 move 커서 뭔가가 이동하는 표시 n-resize 커서가 상자의 모서리가 이동되는 것을 나타냅니다 (north) ne-resize 커서가 상자의 모서리가 이동되는 것을 나타냅니다 오른쪽 (north/east) nesw-resize 양방향 크기 조정 커서를 나타냅니다 ns-resize 양방향 크기 조정 커서를 나타냅니다 nw-resize 커서가 상자의 모서리가 위로 이동하고 왼쪽 될 수 있음을 나타냅니다 (north/west) nwse-resize 양방향 크기 조정 커서를 나타냅니다 no-drop 커서가 드래그 된 항목이 여기에 드롭 할 수 없음을 나타냅니다 none 어떤 커서가 요소에 대해 렌더링되지 않습니다 not-allowed 커서가 요청 된 작업이 실행되지 않음을 나타냅니다 pointer 커서가 포인터와 링크를 나타냅니다 progress 커서는 프로그램이 사용 중임을 나타냅니다 (in progress) row-resize 커서가 행이 수직으로 크기를 조정할 수 있음을 나타냅니다 s-resize 커서 박스의 에지 아래로 이동하는 것을 나타낸다 (south) se-resize 커서 박스의 에지 아래로 이동을 나타냄 오른쪽 (south/east) sw-resize 커서가 상자의 가장자리가 아래로 이동 남아있을 것을 나타냅니다 (south/west) text 커서가 선택할 수있다 텍스트를 나타냅니다 URL 쉼표는 사용자 정의 커서로 URL을 구분 된 목록. Note: 항상 사용할 수있는 URL 정의 커서의 경우 없음에, 목록의 마지막에 일반 커서를 지정 vertical-text 커서가 선택할 수있다 수직 텍스트를 나타냅니다 w-resize 커서 박스의 좌측 에지는 이동하는 것을 나타낸다 (west) wait 커서는 프로그램이 사용 중임을 나타냅니다 zoom-in 커서 뭔가가 확대 될 수 있음을 나타냅니다 zoom-out 커서가 뭔가 축소 할 수 있음을 나타냅니다 initial 기본값으로이 속성을 설정합니다. 초기 읽기에 대한 inherit 부모 요소에서이 속성을 상속합니다. 대한 상속 읽기
기술적 세부 사항
기본값: 자동차 반환 값 : 문자열, 표시되는 마우스 커서를 표현하면 마우스 포인터가 요소 위에있을 때 CSS 버전 CSS2
더 예
예
사용 가능한 모든 커서보기 :
var whichSelected = x.selectedIndex;
document.body.style.cursor = x.options[whichSelected].text;
»그것을 자신을 시도
관련 페이지
CSS 참조 : cursor property
<스타일 개체