Optional values for CSS cursor

Source: Internet
Author: User

Crosshair;

Cross-aligning Heart

The cursor render as a crosshair
Cursors appear as 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
A cursor indicates, in the form of a hint (finger), that there is a connection

cursor:wait;

Waiting/Hourglass

The cursor indicates is busy (often a watch or a hourglass)
Cursor indicates that the current program is busy (usually a table or an hourglass)

Cursor:help;

Help

The cursor indicates is available (often a question mark or a balloon)
The cursor implies that the current position can be helped (usually a question mark or a balloon)

Cursor:no-drop;

Unable to release

Cursor:no-drop;

Cursor:text;

Text/Edit

The cursor indicates text
The cursor implies that the current position is text content

Cursor:move;

Removable objects

The cursor indicates something that should to be moved
Cursors imply that something should be moved

Cursor:n-resize;

Change size up (north)

The cursor indicates that's edge of a box is moved up
Edge can be moved up (north)

Cursor:s-resize;

Change size down (South)

The cursor indicates that's edge of a box is moved down (south)
The edge can move downward (south)

Cursor:e-resize;

Change size to right (east)

The cursor indicates that's edge of a box is moved right (east)
Box edge can be moved to the right (east) edge

Cursor:w-resize;

Change the size to the left (west)

The cursor indicates that's an edge of the "a" is "moved left" (west)
Edge can move left (west)

Cursor:ne-resize;

Change the size up to the right (North east)

The cursor indicates that's edge of a box is to moved up and right (North/east)
The cursor indicates that the edge of the box can be moved above the right (northeast direction)

Cursor:nw-resize;

Change the size up to the left (North west)

The cursor indicates that's an edge of the "a box is" to "moved up" and left (North/west)
Edge can move top left (northwest)

Cursor:se-resize;

Resize down to right (South East)

The cursor indicates that's edge of a box is moved down and right (South/east)
Edges can be moved lower to the right (SE)

Cursor:sw-resize;

Change size down to left (South West)

The cursor indicates that's edge of a box is moved down and left (south/west)
Edge can move lower left (southwest)

Cursor:auto;

Automatic

The browser sets a cursor
Browser to set a cursor

cursor:not-allowed;

Ban

cursor:not-allowed;

cursor:progress;

Processing of

cursor:progress;

Cursor:default;

system default

The default cursor (often an arrow)
The default cursor state (usually an arrow)

Cursor:url (' # ');
# = Cursor file address       (Note that the file format must be :. Cur or. ani).

 

User-defined (available animations)

The URL of a custom cursor to be used.
Custom cursor URL location

note:< /strong> always define a generic cursor at the "End of" the "the" list of none of the url-defined cursors can be USED
Note: After defining a custom cursor, add a generic cursor at the end, in case the cursor defined by those URLs cannot use the

Related Article

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.