The property cursor sets the type of cursor to be displayed for the pointing device.
The cursor property contains following information:
- value: [[<uri>,]* [auto, crosshair, default, pointer, move, e-resize, ne-resize, nw-resize, n-resize, se-resize, sw-resize, s-resize, w-resize, text, wait, help, progress]] or inherit;
- initial: auto;
- applies to: all elements;
- inherited: yes;
- percentages: N/A;
- media: visual, interactive;
- computed value: as specified.
The value auto sets the cursor to the browser default symbol. Other values are used as their meaning suggests, i.e. pointer indicates a link, resize group indicates that an element may be resized in given direction, wait indicates that the program is busy; etc... The uri value may be set to one or more URI resources, with the browser choosing the first one possible to render.
CSS cursors example: