The cursor property specifies the type of cursor to be displayed for the pointing device.



cursor: [ [<uri> ,]* [ auto | crosshair | default | pointer | move | e-resize | ne-resize | nw-resize | n-resize | se-resize | sw-resize | s-resize | w-resize | text | wait | help | progress ] ] | inherit
Initial: auto
Applies To: all elements
Inherited: yes
Percentages: NA
Media: visual, interactive


cursor: value
Value Description
auto Indicates the cursor is determined by the current context
crosshair Indicates a location point
default Default cursor
e-resize Indicates the east edge is to be moved
help Indicates help is available
move Indicates something is to be moved
n-resize Indicates the north edge is to be moved
ne-resize Indicates the north east edge is to be moved
nw-resize Indicates the north west edge is to be moved
pointer Indicates a link
progress Indicates the program is busy, but the user may still interact
s-resize Indicates the south edge is to be moved
se-resize Indicates the south east edge is to be moved
sw-resize Indicates the south west edge is to be moved
text Indicates text may be selected
uri Indicates the cursor is designated by the URI
w-resize Indicates the west edge is to be moved
wait Indicates the program is busy and the user should wait


[window.]document.getElementById("element-id").style.cursor = "cursor";

Example | auto

Example | crosshair

Example | default

Example | e-resize

Example | help

Example | move

Example | n-resize

Example | ne-resize

Example | nw-resize

Example | pointer

Example | progress

Example | s-resize

Example | se-resize

Example | sw-resize

Example | text

Example | uri

Example | w-resize

Example | wait

Example | DOM


W3C Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification