CSS cursor property
Some different cursors:
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). |