cursor

요소 위에 마우스가 올려졌을 때에 보여줄 마우스 포인터를 지정합니다. 이미지 커서를 지정하는 경우에, 지정된 파일을 사용할 수 없을 때에 대신 사용할 커서 타입을 끝에 명시해 주는 것이 좋습니다.
CSS Level
CSS 2, CSS 3
상속
기본값
auto

사용법

cursor: url(mycursor.svg), crosshair;
object.style.cursor = "crosshair"

속성

<uri> <x><y>
이미지 파일을 커서로 지정합니다. x, y는 커서가 가리키는 정확한 좌표를 숫자로 지정합니다. 지정하지 않으면 "0 0"입니다.
<general purpose cursors>
auto, default, none, context-menu, help, pointer, progress, wait, cell, crosshair, text, vertical-text, alias, copy, move, no-drop, not-allowed, e-resize, n-resize, ne-resize, nw-resize, s-resize, se-resize, sw-resize, w-resize, ew-resize, ns-resize, nesw-resize, nwse-resize, col-resize, row-resize, all-scroll, zoom-in, zoom-out


알립니다!

사이드바의 프로퍼티 목록 중 뒤에 별표(*)가 붙은 것은 CSS 3의 내용이 반영되지 않은 것입니다.

읽으신 글에 수정할 내용, 추가할 내용 등이 있다면 부담없이 댓글을 남겨 주세요.