Optional values for CSS cursor (various styles of the mouse)

Source: Internet
Author: User
Tags custom cursors

Excerpt from: http://www.jb51.net/css/23361.html

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

Optional values for CSS cursor (various styles of the mouse)

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.