CSS Mouse Shapes

Source: Internet
Author: User

The change in the shape of the mouse in CSS styles is determined by the cursor property, as follows:

cursor: auto, hand, pointer, crosshair, default, text, Vertical-text, wait, move, help, Row-resize, Col-resize, All-scroll, Progress, not-allowed, No-drop.

Explanatory notes
Hand: Hand type, usually when the user moves the cursor over the hyperlink
Pointer: Like hand, it's better compatible.
Crosshair: Cross Type
Default: The client platform defaults to the cursor, usually an arrow
Text: The effect that moves to the text, usually the shape of the capital letter I
Vertical-text: The cursor that is used to indicate editable vertical text. Usually the capital letter I rotates 90 degrees in shape.
Wait: the kind of effect that waits, usually an hourglass or the shape of a watch
Move: Cross arrow cursor. Used to indicate that an object can be moved
Help: Question mark, used to indicate that a helpful message exists
Row-resize: There are two arrows up and down, and the middle is separated by a horizontal line. Used to mark items or the title bar can be vertically changed size
Col-resize: There are two arrows left and right, and the middle is separated by a vertical bar cursor. Used to mark items or the title bar can be horizontally changed size
All-scroll: There are four arrows up and down, with a dot cursor in the middle. Used to indicate that the page can scroll up or down in any direction
Progress: Arrow cursor with hourglass mark. Used to indicate that a process is running in the background
Not-allowed: Forbidden Mark (a circle with slash through) cursor, used to indicate that the requested action is not allowed to be executed
No-drop: A hand cursor with a circle with a slash through it. Used to indicate that the dragged object is not allowed to be dropped at the cursor's current position

Brother even it education for you to solve more it technology problems.

CSS Mouse Shapes

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.