|
CSS cursor Property
 Complete CSS Reference
Example
Some different cursors:
span.crosshair
{cursor:crosshair}
span.help
{cursor:help}
span.wait
{cursor:wait} |
|
Definition and Usage
The cursor property specifies the type of cursor to be displayed when
pointing on an element.
| Default value: |
auto |
| Inherited: |
yes |
| Version: |
CSS2 |
| JavaScript syntax: |
object.style.cursor="crosshair" |
Browser Support
The cursor property is supported in all major browsers.
Note: Opera 9.3 and Safari 3 do not support URL values.
Note: Internet Explorer does not support the property value "inherit".
Property Values
| Value |
Description |
| URL |
A comma separated of URLs to custom cursors. Note: Always
specify a generic cursor at the end of the list, in case none of the URL-defined cursors can be used |
| auto |
Default. The browser sets a cursor |
| 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) |
| help |
The cursor indicates that help is available |
| move |
The cursor indicates something that should 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) |
| nw-resize |
The cursor indicates that an edge of a box is to be moved
up and left (north/west) |
| pointer |
The cursor render as a pointer |
| progress |
The cursor indicates that the program is busy (in progress) |
| 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 |
| 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 |
| inherit |
Specifies that the value of the cursor property should be inherited
from the parent element |
Related Pages
CSS tutorial: CSS Classification
HTML DOM reference:
cursor property
Complete CSS Reference
The Altova MissionKit, recent winner of the Jolt Product Excellence and Productivity Award for Best Development Environment,
is an integrated suite of tools ideal for:
- XML development
- Web & Web services development
- Data mapping & integration
- Rendering & publishing XML & database data
- XBRL validation, taxonomy editing, transformation & rendering
The MissionKit for XML Developers includes XMLSpy®, MapForce®, and StyleVision® plus 3 additional tools for less than the price of 2.
Try all 6 products free for 30 days!
Download a fully-functional free trial
|
|
|
|
