CSS Cursor Styles Reference

Submitted by davidc on Sun, 19/05/2002 - 15:35

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