Home → References → CSS Properties →

CSS Property: cursor

Specifies the appearance of the cursor when it passes over a box.

HTML Dog, The Book HTML Dog book cover

HTML Dog is hosted by Titan Internet

Possible Values

  • inherit
  • auto (default) - changes depending on the situation.
  • crosshair - a thin plus-sign like cross.
  • default - The platform's default cursor. Usually an arrow.
  • help - Used to indicate that there is help for the element that is being hovered over. Usually a question mark.
  • move - Used to indicate something that should be moved. Usually a four-way arrow.
  • n-resize - Used to indicate something that should be scaled upwards. Usually an up/down arrow.
  • ne-resize - Used to indicate something that should be scaled upwards and to the right. Usually a diagonal arrow.
  • e-resize - Used to indicate something that should be moved to the right. Usually a left/right arrow.
  • se-resize - Used to indicate something that should be moved downwards and to the right. Usually a diagonal arrow.
  • s-resize - Used to indicate something that should be moved downwards. Usually an up/down arrow.
  • sw-resize - Used to indicate something that should be moved downwards and to the left. Usually a diagonal arrow.
  • w-resize - Used to indicate something that should be moved to the left. Usually a left/right arrow.
  • nw-resize - Used to indicate something that should be moved upwards and to the left. Usually a diagonal arrow.
  • text - Used to indicate text. Usually an I-beam.
  • pointer - Used to indicate a link. Usually a pointing hand.
  • progress - Used to indicate that the program is processing something, but that it can still be interacted with. Usually an arrow coupled with a timer.
  • wait - Used to indicate that the user should wait while a program is busy. Usually a timer.
  • [URI] - an custom made image.

Example


acronym { cursor: help; }