You may move you mouse over the right column of the table below to see if and how your browser supports them.Įxample 1 of using the cursor property defined in CSS:Ī) In CSS define element, id or class selector: However, not all the cursor values are supported by all browsers. The cursor property is supported by all major web browsers. This can be done either within a CSS or as HTML inline style declaration.

To change a mouse cursor shape in a webpage, a cursor property of a style element can be used as specified in the Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification.

When the cursor hovers over a hyperlink, it changes into a hand. While a computer process is in progress and cannot accept user input, a wait cursor, or is displayed when the mouse points to the corresponding window. Graphics-editing applications use cursor shapes such as brush, pencil or paint bucket indicating active function when the user edits an image.Īt an edge or corner of a window the cursor usually changes into a double arrow (horizontal, vertical, or diagonal) indicating that the user can drag the edge/corner in the indicated direction in order to re-size the window. Over text that the user can edit or select, the cursor changes to an shape. In many Graphic User Iinterfaces (GUI), the mouse cursor changes shape depending on the circumstances. The term 'mouse cursor' is used interchangeably with 'mouse pointer' To input from a keyboard or pointing device such as a mouse. If not, try moving your mouse around.Ī cursor is a static or animated image indicating the position on a computer monitor or other display device that responds Perhaps you have noticed an unusual mouse cursor on this page.

Camtasia 3 showing wrong pointer shape