CSS cursor Property
Example
Some different cursors:
Property Definition and Usage
The cursor property specifies the type of cursor to be displayed when pointing over an element.
| Default value: | auto |
|---|---|
| Inherited: | yes |
| --- | --- |
| Version: | CSS2 |
| --- | --- |
| JavaScript syntax: | object.style.cursor="crosshair" |
| --- | --- |
Browser Support
The numbers in the table specify the first browser version that fully supports the property.
| Property | |||||
|---|---|---|---|---|---|
| cursor | 5.0 | 5.5 | 4.0 | 5.0 | 9.6 |
Property Values
| Value | Description |
|---|---|
| url | The URL of a custom cursor. Note: Always define a standard cursor at the end of the list, in case none of the URL-defined cursors are available. |
| default | The default cursor (typically an arrow) |
| auto | Default. The browser sets a cursor. |
| crosshair | The cursor is displayed as a crosshair. |
| pointer | The cursor is displayed as a pointer (a hand) that indicates a link. |
| move | The cursor indicates that an object can be moved. |
| e-resize | The cursor indicates that the edge of a box can be moved right (east). |
| ne-resize | The cursor indicates that the edge of a box can be moved up and right (north/east). |
| nw-resize | The cursor indicates that the edge of a box can be moved up and left (north/west). |
| n-resize | The cursor indicates that the edge of a box can be moved up (north). |
| se-resize | The cursor indicates that the edge of a box can be moved down and right (south/east). |
| sw-resize | The cursor indicates that the edge of a box can be moved down and left (south/west). |
| s-resize | The cursor indicates that the edge of a box can be moved down (south). |
| w-resize | The cursor indicates that the edge of a box can be moved left (west). |
| text | The cursor indicates text. |
| wait | The cursor indicates that the program is busy (typically an hourglass or a watch). |
| help | The cursor indicates that help is available (typically a question mark or a balloon). |