CSS cursor property
Examples
A number of different cursors:
span.crosshair
{cursor:crosshair}
span.help {cursor:help}
span.wait {cursor:wait}
span.help {cursor:help}
span.wait {cursor:wait}
Attribute definitions and instructions
cursor property defines the shape of the cursor when the mouse pointer over an element within the boundaries used
| Defaults: | auto |
|---|---|
| inherit: | yes |
| version: | CSS2 |
| JavaScript syntax: | object .style.cursor = "crosshair" |
Browser Support
Figures in the table represent the first browser to support the version number of the property.
| 属性 | |||||
|---|---|---|---|---|---|
| cursor | 5.0 | 5.5 | 4.0 | 5.0 | 9.6 |
Property Value
| value | description |
|---|---|
| url | Custom cursors URL required for use. Note: Always define a generic cursor at the end of this list, the cursor is not available in case defined by the URL. |
| default | The default cursor (usually an arrow) |
| auto | default. Browser settings cursor. |
| crosshair | The cursor appears as crosshairs. |
| pointer | The cursor appears as a link indicating pointer (hand) |
| move | This cursor indicates that an object can be moved. |
| e-resize | The cursor indicates the edge of the rectangle may be right (east) movement. |
| ne-resize | This cursor indicates the edge of the rectangle can be up and move to the right (North / East). |
| nw-resize | This cursor indicates the edge of the rectangle can be up and left (north / west). |
| n-resize | This cursor indicates the edge of the rectangle can be up (north) movement. |
| se-resize | This cursor indicates the edge of the rectangle may be down and right (south / east). |
| sw-resize | This cursor indicates the edge of the rectangle may be down and left (south / west). |
| s-resize | This cursor indicates the edge of the rectangle can be moved downward (North / West). |
| w-resize | This cursor indicates the edge of the rectangle can be moved to the left (west). |
| text | This indicates that the text cursor. |
| wait | This cursor indicates that the program is busy (often a watch or an hourglass). |
| help | This cursor indicates that help is available (often a question mark or a balloon). |
