예
일부 다른 커서 :
span.crosshair
{
cursor: crosshair;
}
span.help
{
cursor: help;
}
span.wait
{
cursor: wait;
}
»그것을 자신을 시도 정의 및 사용
커서 속성은 요소를 가리키는 경우 커서의 유형이 표시를 지정합니다.
| 기본값: | auto |
|---|---|
| 상속 : | yes |
| 애니메이션 : | no. Read about animatable |
| 번역: | CSS2 |
| 자바 스크립트 구문 : | object .style.cursor="crosshair" Try it |
브라우저 지원
테이블의 숫자는 완전히 속성을 지원하는 최초의 브라우저 버전을 지정합니다.
| 재산 | |||||
|---|---|---|---|---|---|
| cursor | 5.0 | 5.5 | 4.0 | 5.0 | 9.6 |
CSS 구문
cursor:value;속성 값
| 값 | 기술 | 플레이 |
|---|---|---|
| alias | 커서가 뭔가의 별칭을 만들 수 있음을 나타냅니다 | »플레이 |
| all-scroll | 커서가 뭔가 어떤 방향으로 스크롤 할 수 있음을 나타냅니다 | »플레이 |
| auto | 태만. 브라우저는 커서를 설정합니다 | »플레이 |
| cell | 커서가 셀 것을 나타낸다 (or set of cells) 이 선택 될 수있다 | »플레이 |
| context-menu | 커서가 컨텍스트 메뉴를 사용할 수 있음을 나타냅니다 | »플레이 |
| col-resize | 커서가 열이 수평으로 크기를 조정할 수 있음을 나타냅니다 | »플레이 |
| copy | 커서가 뭔가를 복사 할 나타냅니다 | »플레이 |
| crosshair | 커서가 십자선으로 렌더링 | »플레이 |
| default | 기본 커서 | »플레이 |
| e-resize | 커서가 상자의 가장자리를 잘 이동할 수 있음을 나타냅니다 (east) | »플레이 |
| ew-resize | 양방향 크기 조정 커서를 나타냅니다 | »플레이 |
| grab | 커서가 뭔가 잡고 할 수 있음을 나타냅니다 | »플레이 |
| grabbing | 커서가 뭔가 잡고 할 수 있음을 나타냅니다 | »플레이 |
| 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 | 부모 요소에서이 속성을 상속합니다. 대한 상속 읽기 |
관련 페이지
HTML DOM 참조 : cursor property