CSS cursor property

Usage

Specifies which type of cursor should be displayed when the user places the mouse pointer over an element.

Values

  • auto - default; changes automatically depending on the situation
  • crosshair - displays a crosshair
  • default - displays the default cursor, usually an arrow
  • help - displays the help cursor, such as a question mark
  • move - indicates that something should be moved
  • pointer - displays a pointer which indicates a link, usually a hand
  • text - indicates text
  • wait - indicates that the program is busy, often an hourglass
  • n-resize - indicates a box edge is to be moved up (North)
  • ne-resize - indicates a box edge is to be moved up and right (North East)
  • e-resize - indicates a box edge is to be moved right (East)
  • se-resize - indicates a box edge is to be moved down and right (South East)
  • s-resize - indicates a box edge is to be moved down (South)
  • sw-resize - indicates a box edge is to be moved down and left (South West)
  • w-resize - indicates a box edge is to be moved left (West)
  • nw-resize - indicates a box edge is to be moved up and left (North West)
  • [URL] - the URL of a custom cursor to be used

Example

Code:

dfn {
  cursor: help;
}