17 Tables Contents Index Property Index 19 Aural style sheets

18.1 Cursors: the cursor property

Value:[ [<uri> ,]* [ auto | default | pointer | crosshair | move |
E-resize| NE-resize | NW-resize | N-resize | SE-resize | SW-resize | S-resize| W-resize|
text | wait | help
] ] | inherit
Initial: auto; Applies to:all elements; Inherited; Media:visual, interactive

This property specifies the type of cursor to be displayed for the pointing device.

In MS windows these are defined in the pointers tab of the mouse category in control panel.
Standard choices usually include:
WindowsDefault, Animated (Note: as of 2.0.0.8 FireFox; 9.24 Opera don't suppport ani )
 Black, Black (large), Black (extra large)
 Inverted, Inverted (large), Inverted (extra large)
  Standard (large), Standard (extra large)
Hands 1, Hands 2, Dinosaur, Old Fashioned, Conductor, Magnified, Variations, 3D-White, 3D-Bronze

Stored in registry :
[HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows\CurrentVersion\Control Panel\Cursors\Schemes]

Mouse over the definition for an example of how YOUR browser displays the different styles
style=cursor:auto The UA* determines the cursor based on the current context.
cursor:crosshair crosshair (e.g., short line segments resembling a "+" sign).
cursor:default platform-dependent default . Often rendered as an arrow.
cursor:pointer pointer that indicates a link. Often rendered as hand with pointing finger.
cursor:move Indicates something is to be moved. Often rendered as a 4-headed arrow, or grasping hand.
Compass points:
style=cursor: N-resize, NE-resize, E-resize, SE-resize, S-resize, SW-resize, W-resize, NW-resize,
Indicate that some edge is to be moved.
For example, the 'SE-resize' cursor is used when the movement starts from the south-east corner of the box.

NW N NE
W E
SW S SE

cursor:text: text that may be selected. Often rendered as an I-bar.
cursor:wait: program is busy and the user should wait. Often rendered as a watch or hourglass.
cursor:progress: user can interact with a busy program.
cursor:help: Help is available for the object under the cursor. Often rendered as a question mark or a balloon.
<uri>

cursor:url(Cursors/MagicWand.ani),help;

The user agent retrieves the cursor from the resource designated by the URI. If the user agent cannot handle the first cursor of a list of cursors, it should attempt to handle the second, etc. If the user agent cannot handle any user-defined cursor, it must use the generic cursor at the end of the list.
<td style=cursor:url(http://www.rc.net./newark/st_aloysius/gifs/NJRTL.cur)
onClick='location="http://NJRTL.org"'; >
New Jersey Right to life
 

Examples of some of the cursors shipped with windows in C:\WinNT\cursors C:\Windows\cursors
firefox , chrome don't do .ani DownLoad them

static image of cursors
coin fillitup banana raindrop
hand NO hand fingers thumping handNS
i.e. North South
handNWSE
i.e. NorthWest SouthEast
handWE
i.e. West East
HardDisk

ElectrifiedCPU PleaseWait LazarusStar rainbow
appstart appstar2 appstart3 stopwtch download
i.e. Globe to PC
drum counter

MagicWand

revised by DGerman Dennis G German