Coding With Fun
Home Docker Django Node.js Articles Python pip guide FAQ Policy

CSS cursor property


May 05, 2021 CSS Reference Manual


Table of contents


CSS cursor property


Some different cursors:

span.crosshair{cursor:crosshair}
span.help{cursor:help}
span.wait{cursor:wait}

Try it out . . .

Description of property definition and use

The cursor property defines the cursor shape used when the mouse pointer is placed within the boundaries of an element

Default: auto
Inherited: yes
Version: CSS2
JavaScript syntax: object .style.cursor="crosshair"


Browser support

The numbers in the table support the first browser version number of the property.

Attributes
cursor 5.0 5.5 4.0 5.0 9.6

The property value

Value Describe
Url

The URL of the custom cursor that you want to use.

Note: Always define a normal cursor at the end of this list in case there is no available cursor defined by the URL.

default Default cursor (usually an arrow)
auto Default. The cursor of the browser settings.
crosshair The cursor is rendered as a cross- line.
pointer The cursor is rendered as a pointer to the link (one hand)
move This cursor indicates that an object can be moved.
e-resize This cursor indicates that the edges of the rectangular box can be moved to the right (east).
ne-resize This cursor indicates that the edges of the rectangular box can be moved up and to the right (North/East).
nw-resize This cursor indicates that the edges of the rectangular box can be moved up and to the left (North/West).
n-resize This cursor indicates that the edges of the rectangular box can be moved up (north).
se-resize This cursor indicates that the edges of the rectangular box can be moved down and to the right (South/East).
sw-resize This cursor indicates that the edges of the rectangular box can be moved down and to the left (south/west).
s-resize This cursor indicates that the edges of the rectangular box can be moved down (North/West).
w-resize This cursor indicates that the edges of the rectangular box can be moved to the left (west).
text This cursor indicates text.
wait This cursor indicates that the program is busy (usually a table or hourglass).
help This cursor indicates the available help (usually a question mark or a balloon).