Custom Cursors

When the user mouse over an element on the page, the mouse cursor changes to indicate what the user can (or cannot) do with that element.

The syntax for specifying a cursor property is shown below:
Syntax

selector { cursor: value; }

The cursor for any element can be set by using the css property "cursor".

Example Tag:
<div style="cursor: move;"> this is a move type cursor </div>

This result in:

this is a move type cursor

The table below shows the most common values used for the cursor property.

Value	Result
text	text symbol
pointer	a hand symbol
wait	loading symbol
help	question symbol
move	move symbol
crosshair	+ symbol
ne-resize	move north-east cursor
w-resize	move west cursor
n-resize	move north cursor
nw-resize	move north-west cursor
sw-resize	move south-west cursor
se-resize	move south-east cursor
e-resize	move east cursor
s-resize	move south cursor
url	user defined image as cursor
default	default cursor