Cursor attribute in CSS (cursor style)

Source: Internet
Author: User

Place your cursor on the appropriate text to view the effect

Note that the actual effect of the cursor depends on the user's system settings, which is not necessarily the same as what you see here.

Cursor: crosshair;

Cross Accuracy

The cursor render as a crosshair
The cursor is displayed as a cross-line.

Cursor: pointer;
Cursor: hand;
Write two to take care of ie5. it only recognizes hand.

Hand

The cursor render as a pointer (a hand) that indicates a link
The cursor indicates a connection in the form of a hint (finger ).

Cursor: Wait;

Wait/hourglass

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

Cursor: help;

Help

The cursor indicates that help is available (often a question mark or a balloon)
The cursor implies that the current position is helpful (generally a question mark or a balloon)

Cursor: no-drop;

Cannot be released

Cursor: no-drop;

Cursor: text;

Text/editing

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

Cursor: move;

Movable object

The cursor indicates something that shoshould be moved
The cursor implies that something should be moved.

Cursor: N-resize;

 

Up (North)

The cursor indicates that an edge of a box is to be moved up (North)
The edge can be moved up (North)

Cursor: S-resize;

Change the size down (South)

The cursor indicates that an edge of a box is to be moved down (South)
The edge can be moved to the bottom (South)

Cursor: E-resize;

Change the size to the right (East)

The cursor indicates that an edge of a box is to be moved right (East)
Box edge can be moved to the right (East) side

Cursor: W-resize;

Change the size to the left (West)

The cursor indicates that an edge of a box is to be moved left (West)
The edge can be moved to the left (West)

Cursor: NE-resize;

Change the size (North East) from top to right)

The cursor indicates that an edge of a box is to be moved up and right (North/East)
The cursor indicates that the edge of the box can be moved to the top right (northeast)

Cursor: NW-resize;

Change the size (North West) to the left)

The cursor indicates that an edge of a box is to be moved up and left (North/West)
The edge can be moved to the top left (Northwest China)

Cursor: Se-resize;

Change the size down to the right (South East)

The cursor indicates that an edge of a box is to be moved down and right (South/East)
The edge can be moved to the lower right (Southeast)

Cursor: Sw-resize;

South West)

The cursor indicates that an edge of a box is to be moved down and left (South/West)
The edge can be moved to the lower left (Southwest China)

Cursor: auto;

 

Automatic

The browser sets a cursor
Set a cursor in the browser

Cursor: Not-allowed;

Disable

Cursor: Not-allowed;

Cursor: progress;

Processing

Cursor: progress;

Cursor: default;

System Default

The default cursor (often an arrow)
Default cursor status (usually an arrow)

Cursor: URL ('#');
# = Cursor file address (note that the file format must be. cur or. Ani ).

Custom (animation available)

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

Note:Always define a generic cursor at the end of the list in case none of the URL-defined cursors can be used
Note: Add a general cursor to the end after the custom cursor is defined to prevent the cursors defined by those URLs from being used.

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.