Crosshair; |
|
Cross Quasi-heart |
The cursor render as a crosshair The cursor behaves as a crosshair |
Cursor:pointer; Cursor:hand; Write two is to take care of IE5, it only recognize hand. |
|
Hand |
The cursor render as a pointer (a hand) that indicates a link The cursor indicates that there is a connection in the form of a hint (finger) |
cursor:wait; |
|
Waiting/Hourglass |
The cursor indicates that's program was busy (often a watch or an hourglass) The cursor implies that the current program is busy (usually a table or an hourglass) |
Cursor:help; |
|
Help |
The cursor indicates that help is available (often a question mark or a balloon) Cursor indicates the current position can be helpful (usually a question mark or balloon) |
Cursor:no-drop; |
|
Cannot be freed |
Cursor:no-drop; |
Cursor:text; |
|
Text/Edit |
The cursor indicates text Cursor implies that the current position is text content |
Cursor:move; |
|
Movable objects |
The cursor indicates something that should be moved Cursors imply that something should be moved. |
Cursor:n-resize; |
|
Change size up (north) |
The cursor indicates that a edge of a box was to being moved up (north) Edge can move upward (north) |
Cursor:s-resize; |
|
Change size down (south) |
The cursor indicates that a edge of a box was to being moved down (south) The edge can move downward (south) |
Cursor:e-resize; |
|
Change size to right (East) |
The cursor indicates that a edge of a box was to being moved right (east) The box edge can be moved to the right (east) side |
Cursor:w-resize; |
|
Change size left (West) |
The cursor indicates that a edge of a box was to being moved left (west) Edge can move left (west) |
Cursor:ne-resize; |
|
Up right change size (North East) |
The cursor indicates that a edge of a box was to being moved up and right (North/east) The cursor implies that the edge of the box can be moved above the right (northeast direction) |
Cursor:nw-resize; |
|
Change size up left (North West) |
The cursor indicates that a edge of a box was to being moved up and left (north/west) Edge can move top left (northwest) |
Cursor:se-resize; |
|
Down right change size (South East) |
The cursor indicates that a edge of a box was to being moved down and right (South/east) Edge can move lower right (southeast) |
Cursor:sw-resize; |
|
Change size down Left (South West) |
The cursor indicates that a edge of a box was to being moved down and left (south/west) Edge can move lower left (southwest) |
Cursor:auto; |
|
Automatic |
The browser sets a cursor Browser setting a cursor |
cursor:not-allowed; |
|
Ban |
cursor:not-allowed; |
cursor:progress; |
|
In process |
cursor:progress; |
Cursor:default; |
|
system default |
The default cursor (often an arrow) Default cursor state (usually an arrow) |
Cursor:url (' # '); # = Cursor file address (Note that the file format must be:. Cur or. ani). |
|
User definable (available animations) |
The URL of a custom cursor to be used. URL location for custom cursors Note: Always define a generic cursor at the end of the list in case none of the url-defined cursors can be used Note: After defining the custom cursor, add a generic cursor at the end to prevent the cursors defined by those URLs from being used |