Caution

JavaScript is disabled in your browser.
This site uses JavaScript for features such as search.
For the best experience, please enable JavaScript before browsing this site.

CSS Dictionary

cursor

Changes the mouse cursor (mouse pointer) design when it is hovering over the target element.

The appearance of this property often varies greatly depending on the OS and browser. Note that some values may not work in certain browsers.

Sample Code

div.test { cursor: auto;}
div.test1 { cursor: default;}
div.test2 { cursor: help;}

Available Values

Value	Description
auto	The browser automatically determines the cursor design based on the element and its content. This 'auto' is the initial value.
default	Changes to the default arrow cursor.
none	Hides the mouse cursor.
context-menu	Indicates a context menu is available below the cursor.
help	Changes the cursor to a question mark.
pointer	Changes the cursor to a pointing hand.
progress	Changes to a cursor indicating the program is busy.
wait	Changes to a cursor indicating the program is busy.
cell	Changes to a cursor indicating a cell (like in a spreadsheet) can be selected.
crosshair	Changes to a crosshair cursor.
text	Changes to a cursor indicating horizontal text can be selected.
vertical-text	Changes to a cursor indicating vertical text can be selected.
alias	Changes to a cursor indicating an alias (shortcut).
copy	Changes to a cursor indicating something can be copied.
move	Changes to a cursor indicating the element can be moved in all directions.
no-drop	Changes to a cursor indicating a drop action is not allowed.
not-allowed	Changes to a cursor indicating an action is not allowed.
all-scroll	Changes to a cursor indicating scrolling is possible in any direction.
col-resize	Changes to a cursor indicating horizontal resizing is possible.
row-resize	Changes to a cursor indicating vertical resizing is possible.
n-resize	Changes the cursor to an upward arrow.
e-resize	Changes the cursor to a rightward arrow.
s-resize	Changes the cursor to a downward arrow.
w-resize	Changes the cursor to a leftward arrow.
ne-resize	Changes the cursor to an upper-right arrow.
nw-resize	Changes the cursor to an upper-left arrow.
se-resize	Changes the cursor to a lower-right arrow.
sw-resize	Changes the cursor to a lower-left arrow.
ew-resize	Changes the cursor to a left-right arrow.
ns-resize	Changes the cursor to an up-down arrow.
nesw-resize	Changes the cursor to an upper-right/lower-left arrow.
nwse-resize	Changes the cursor to an upper-left/lower-right arrow.
zoom-in	Changes to a cursor indicating zoom-in is possible.
zoom-out	Changes to a cursor indicating zoom-out is possible.