CSS cursor Property
 Complete CSS Reference
Example
Some different cursors:
span.crosshair
{cursor:crosshair}
span.help
{cursor:help}
span.wait
{cursor:wait} |
Try it yourself »
|
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: No versions of Internet Explorer (including IE8) 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
Click here to design a Stunning Flash Website for Free
Wix is a revolutionary web design tool that provides anyone with the possibility to create professional and beautiful websites for free.
With e-commerce features, search engine visibility and many more professional tools, Wix is the ultimate solution for creating a spectacular site while saving tons of money.
| 
