This is a quick reference chart CSS cursor styles. I made it a number of years ago, but still find it occasionally useful.
| Style Value | Demo | Image | CSS2 | IE6 | Moz | Firefox | Notes |
|---|---|---|---|---|---|---|---|
| all-scroll |  |
 |
 |
|
IE6+ | ||
| auto |  |
|
|
|
|
Default for current context | |
| col-resize |  |
|
|
|
IE6+ | ||
| crosshair | QQQ |  |
|
|
|
|
XOR'd with background color |
| default |  |
|
|
|
|
||
| hand |  |
|
|
|
|||
| help |  |
|
|
|
|
||
| move |  |
|
|
|
|
||
| no-drop |  |
|
|
|
IE6+ | ||
| not-allowed |  |
|
|
|
IE6+ | ||
| pointer |  |
|
|
|
|
||
| progress |  |
|
|
|
IE6+ | ||
| row-resize |  |
|
|
|
IE6+ | ||
| text |  |
|
|
|
|
||
| vertical-text |  |
|
|
|
IE6+ | ||
| wait |  |
|
|
|
|
||
| n-resize |  |
|
|
|
|
||
| ne-resize |  |
|
|
|
|
||
| e-resize |  |
|
|
|
|
||
| se-resize |  |
|
|
|
|
||
| s-resize |  |
|
|
|
|
||
| sw-resize |  |
|
|
|
|
||
| w-resize |  |
|
|
|
|
||
| nw-resize |  |
|
|
|
|
||
| url(url) |  |
|
|
|
|
IE6+ but standard | |
 |
|
|
|
|
IE6+ but standard |
In IE6+ you can also specify a custom cursor with cursor: url(url) to load in a Windows-format .CUR or .ANI file.
Note there was a bug in Apache 1.3 that prevented serving ANI cursor files if mod_mime_magic was in use.
Updates
- May 19, 2002
- Initial
- Jan 27, 2003
- Added demo images and compatibility matrix
- April 20, 2009
- Added Firefox column, added ANI format cursor demo