The syntax for specifying a cursor property is:

selector {cursor: value;}

The most common values used for the cursor property:

Look Values Look NS IE Example default TEST 6+ 4+ cursor:default crosshair TEST 6+ 4+ cursor:crosshair hand TEST 4+ cursor:hand pointer TEST 6+ cursor:pointer Cross browser TEST 4+ cursor:pointer;cursor:hand move TEST 6+ 4+ cursor:move text TEST 6+ 4+ cursor:text wait TEST 6+ 4+ cursor:wait help TEST 6+ 4+ cursor:help n-resize TEST 6+ 4+ cursor:n-resize ne-resize TEST 6+ 4+ cursor:ne-resize e-resize TEST 6+ 4+ cursor:e-resize se-resize TEST 6+ 4+ cursor:se-resize s-resize TEST 6+ 4+ cursor:s-resize sw-resize TEST 6+ 4+ cursor:sw-resize w-resize TEST 6+ 4+ cursor:w-resize nw-resize TEST 4+ 4+ cursor:nw-resize progress TEST 6+ cursor:progress not-allowed TEST 6+ cursor:not-allowed no-drop TEST 6+ cursor:no-drop vertical-text TEST 6+ cursor:vertical-text all-scroll TEST 6+ cursor:all-scroll col-resize TEST 6+ cursor:col-resize row-resize TEST 6+ cursor:row-resize cursor:url(uri) TEST   6+ cursor:url(uri)

Custom Cursors

Custom cursors are cursor files with a .cur (for static cursors) and .ani (for animated cursors) extension. Cursor files are small graphic files, usually 16x16, 32x32 or 48x48 pixels in size.

The syntax for adding a custom cursor is:

selector {cursor: url(path_to_file); }

Because not all browsers and operating systems support custom cursors, it is important to provide an alternative cursor. The syntax for providing an alternative cursor is:

selector {cursor: url(path_to_file), pointer; }

* Note: Custom cursors are support on Windows. On Macintosh, they are supported by Safari 3 but not FireFox 3.