CSS Property: `cursor`

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

Possible Values

Value	Description	Example
`default`	The platform’s default cursor. Usually an arrow.
`crosshair`	A thin plus-sign-like cross.
`help`	Indicates that there is help for the element that is being hovered over. Usually a question mark.
`move`	Indicates something that should be moved. Usually a four-way arrow.
`n-resize`	Indicates something that should be scaled upwards. Usually an up-pointing arrow.
`ne-resize`	Indicates something that should be scaled upwards and to the right. Usually an up-right-pointing diagonal arrow.
`e-resize`	Indicates something that should be moved to the right. Usually a right-pointing arrow.
`se-resize`	Indicates something that should be moved downwards and to the right. Usually a down-right-pointing diagonal arrow.
`s-resize`	Indicates something that should be moved downwards. Usually a down-pointing arrow.
`sw-resize`	Indicates something that should be moved downwards and to the left. Usually a down-left-pointing diagonal arrow.
`w-resize`	Indicates something that should be moved to the left. Usually a left-pointing arrow.
`nw-resize`	Indicates something that should be moved upwards and to the left. Usually an up-left-pointing diagonal arrow.
`text`	Indicates text. Usually an I-beam.
`pointer`	Indicates a link. Usually a pointing hand.
`progress`	Indicates that the program is processing something, but that it can still be interacted with. Commonly an arrow coupled with a timer.
`wait`	Indicates that the user should wait while a program is busy. Commonly a timer.
`auto`	Changes depending on the situation. Default.
[URL], [value]	A comma-separated list of images to be used as a custom cursor. If the first isn’t found or isn’t compatible, the browser will move on to next in the list. The list should end with one of the above value keywords to act as a fallback.	`url("pointer.png"), auto`
`inherit`
`initial`
`unset`

Example


abbr { cursor: help; }