CSS cursor property
CSS cursor property defines the type of cursor for the pointing devices when the cursor is within the range of an element.
cursor : auto | default | none | context-menu | help | pointer | progress | wait | cell | crosshair | text | vertical-text | alias | copy | move | no-drop | not-allowed | grab | *-resize | zoom-in | zoom-out
The shape of cursor depends upon the type of context. There will be text cursor over editable text field.
The default cursor is arrow.
There is no cursor for the context.
An arrow with a menu type graphic.
question mark like icon is present under the arrow.
pointer icon represents a link.
represents the program is in progress mode.
The program is busy and user should wait.
represents selected data of cells. It looks like a thick cell.
indicates two dimensional bitmap selection. It looks like a thin cell.
indicates the selection of horizontal text. It looks like a vertical I shape.
It indicates the selection of vertical text. It looks like horizontal I shape.
indicates shortcut to something. It consists of small curved arrow next to the cursor arrow.
indicates something is to be copied.
The object is moveable or being dragged.
The required action can not be carried at the cursor location.
The dragged object can't be place at the cursor location.
The object is draggable.
The purpose of the *-resize values is to move the edge.
north-east-south-west bidirection cursor.
north-west-south-east bidirection cursor.
It indicates that an object can be scrolled.
magnifying glass with +ve sign.
magnifying glass with -ve sign.
It applies to all elements
Was this article helpful?