Style cursor Property

Style cursor Property


Style cursor Property
It sets the mouse cursor, if any, to show when the mouse pointer is over an element. It is used in HTML DOM to set or return the type of cursor to display for the mouse pointer.
Browser Support
The numbers in the table specify the first browser version that fully supports the property.
 
property
 
chrome
 
firefox
 
microsoft edge
 
Opera
 
column-rule
 
4.0
 
2.0
 
8.0
 
9.6
 
Syntax
cursor: value;
Example
Output
 
Property Values
 
Value
 
Description
 
alias
 
The cursor indicates an alias of something is to be created
 
all-scroll
 
The cursor indicates that something can be scrolled in any direction
 
auto
 
Default. The browser sets a cursor
 
cell
 
The cursor indicates that a cell (or set of cells) may be selected
 
context-menu
 
The cursor indicates that a context-menu is available
 
col-resize
 
The cursor indicates that the column can be resized horizontally
 
copy
 
The cursor indicates something is to be copied
 
crosshair
 
The cursor render as a crosshair
 
default
 
The default cursor
 
e-resize
 
The cursor indicates that an edge of a box is to be moved right (east)
 
ew-resize
 
Indicates a bidirectional resize cursor
 
grab
 
The cursor indicates that something can be grabbed
 
grabbing
 
The cursor indicates that something can be grabbed
 
help
 
The cursor indicates that help is available
 
move
 
The cursor indicates something is to be moved
 
n-resize
 
The cursor indicates that an edge of a box is to be moved up (north)
 
ne-resize
 
The cursor indicates that an edge of a box is to be moved up and right (north/east)
 
nesw-resize
 
Indicates a bidirectional resize cursor
 
ns-resize
 
Indicates a bidirectional resize cursor
 
nw-resize
 
The cursor indicates that an edge of a box is to be moved up and left (north/west)
 
nwse-resize
 
Indicates a bidirectional resize cursor
 
no-drop
 
The cursor indicates that the dragged item cannot be dropped here
 
none
 
No cursor is rendered for the element
 
not-allowed
 
The cursor indicates that the requested action will not be executed
 
pointer
 
The cursor is a pointer and indicates a link
 
progress
 
The cursor indicates that the program is busy (in progress)
 
row-resize
 
The cursor indicates that the row can be resized vertically
 
s-resize
 
The cursor indicates that an edge of a box is to be moved down (south)
 
se-resize
 
The cursor indicates that an edge of a box is to be moved down and right (south/east)
 
sw-resize
 
The cursor indicates that an edge of a box is to be moved down and left (south/west)
 
text
 
The cursor indicates text that may be selected
 
URL
 
A comma separated list of URLs to custom cursors.
 
vertical-text
 
The cursor indicates vertical-text that may be selected
 
w-resize
 
The cursor indicates that an edge of a box is to be moved left (west)
 
wait
 
The cursor indicates that the program is busy
 
zoom-in
 
The cursor indicates that something can be zoomed in
 
zoom-out
 
The cursor indicates that something can be zoomed out
 
initial
 
Sets this property to its default value.
 
inherit
 
Inherits this property from its parent element.


 
Technical Details
 
Default value:
 
Auto
 
Version:
 
CSS2
 
inherited
 
Yes
 
Animatable
 
No
 
JavaScript syntax:
 
object.style.cursor="crosshair"