Css-cursor Properties and Usage Summary

The cursor property specifies the type (shape) of cursors to display. This property defines the cursor shape used when the mouse pointer is placed within the bounds of an element (although CSS2.1 does not define which boundary determines the range).

We are in the div CSS layout, we will encounter the object within the mouse pointer cursor control, such as the mouse pointer changes to the shape of the finger style, next we introduce the mouse pointer style cursor control. The system default mouse pointer style outside, you can set the picture through the CSS mouse pointer, common some Web site mouse pointer is a variety of small picture style, of course this is the mouse style through CSS cursor settings.

1. Css-cursor Properties

Cursor property specifies the type (shape) of cursors to display

2. CSS cursor URL usage format detailed

CSS cursor URL usage format: css:{cursor:url (' icon path '), auto;}//ie,ff,chrome Browser can

Instance code:

Html{cursor:url ("Ued.taobao.com/blog/wp-content/themes/taobaoued/images/cursor.ico"), auto;}

Parsing: The previous URL is a custom mouse icon path, the 2nd parameter auto is the CSS standard cursor style, can be replaced by other properties (such as Pointer/default, etc.)!

3. Cursor mouse style?

Auto: Normal mouse

Crosshair: Cross Mouse

Default: Defaults mouse

Pointer: Dot mouse (hand, write two is to take care of IE5, it only recognized hand. ）

Move: Moving the mouse

4. About cursor Setting picture problem

Several places to note: 1. The image address is the absolute path, 2. The image size is best 32*32 size, anyway, the size of the resolution under each browser is different

5. CSS Cursor Mouse shape

URL of the custom cursor to be used by the URL.

Note: Always define a normal cursor at the end of this list in case there are no available cursors defined by the URL.

Default cursor (usually an arrow)

Auto Default. The cursor of the browser settings.

The crosshair cursor is rendered as a crosshair.

pointer cursor rendered as a pointer indicating the link (one hand)

Move this cursor indicates that an object can be moved.

6. Detailed Cursor property instance code in CSS

Cursor property of CSS

Today I learned the cursor property of CSS, the first blog is to summarize it.

The cursor property is used to control the display style of the cursor, which has the desirable values:

Cursor:url () *| {auto|default|pointer|crosshair|text|vertical-text|help|not-allowed|no-drop|move|e-reszie|s-resize|w-resize| w-resize|n-resize|all-scroll|ne-resize|se-resize|nw-resize|sw-resize|col-resize|row-resize|}

* Indicates that at least one value is written, and a value within {} can be selected after the URL.

Related Questions and answers:

1. JavaScript-After binding an window.resize event to an element, the cursor property previously set is invalidated.

2. Vim-map <tab> in visual mode to enable cursor switching between split windows?

"Recommended"

1. php.cn Lonely Nine-base (2)-css video tutorial

2. Position the mouse focus to the end of the text box