- CSS Tutorial
- CSS - Home
- CSS - Introduction
- CSS - Syntax
- CSS - Inclusion
- CSS - Measurement Units
- CSS - Colors
- CSS - Backgrounds
- CSS - Fonts
- CSS - Text
- CSS - Images
- CSS - Links
- CSS - Tables
- CSS - Borders
- CSS - Margins
- CSS - Lists
- CSS - Padding
- CSS - Cursors
- CSS - Outlines
- CSS - Dimension
- CSS - Scrollbars
- CSS Advanced
- CSS - Visibility
- CSS - Positioning
- CSS - Layers
- CSS - Pseudo Classes
- CSS - Pseudo Elements
- CSS - @ Rules
- CSS - Text Effects
- CSS - Media Types
- CSS - Paged Media
- CSS - Aural Media
- CSS - Printing
- CSS - Layouts
- CSS - Validations
- CSS3 Tutorial
- CSS3 - Tutorial
- CSS3 - Rounded Corner
- CSS3 - Border Images
- CSS3 - Multi Background
- CSS3 - Color
- CSS3 - Gradients
- CSS3 - Shadow
- CSS3 - Text
- CSS3 - Web font
- CSS3 - 2d transform
- CSS3 - 3d transform
- CSS3 - Animation
- CSS3 - Multi columns
- CSS3 - User Interface
- CSS3 - Box Sizing
- CSS Responsive
- CSS - Responsive Web Design
- CSS References
- CSS - Questions and Answers
- CSS - Quick Guide
- CSS - References
- CSS - Color References
- CSS - Web browser References
- CSS - Web safe fonts
- CSS - Units
- CSS - Animation
- CSS Resources
- CSS - Useful Resources
- CSS - Discussion
Values for the CSS cursor property
The cursor property of CSS allows you to specify the type of cursor that should be displayed to the user.
The following table shows the possible values for the cursor property
| Value | Description |
|---|---|
| auto | Shape of the cursor depends on the context area it is over. For example, an 'I' over text, a 'hand' over a link, and so on. |
| crosshair | A crosshair or plus sign |
| default | An arrow |
| pointer | A pointing hand (in IE 4 this value is hand). |
| move | A pointing hand (in IE 4 this value is hand). |
| move | The 'I' bar |
| e-resize | The cursor indicates that an edge of a box is to be moved right (east). |
| ne-resize | The cursor indicates that an edge of a box is to be moved up and right (north/east). |
| nw-resize | The cursor indicates that an edge of a box is to be moved up and left (north/west). |
| n-resize | The cursor indicates that an edge of a box is to be moved up (north). |
| se-resize | The cursor indicates that an edge of a box is to be moved down and right (south/east). |
| sw-resize | The cursor indicates that an edge of a box is to be moved down and left (south/west). |
| s-resize | The cursor indicates that an edge of a box is to be moved down (south). |
| w-resize | The cursor indicates that an edge of a box is to be moved left (west). |
| text | The I bar. |
| wait | An hour glass. |
| help | A question mark or balloon, ideal for use over help buttons. |
| <url> | The source of a cursor image file. |
- Related Articles
- Cursor property of CSS
- Example of CSS Cursor Property
- CSS object-fit Property Values
- Values of CSS overflow property
- JavaScript Cursor property
- Perform calculations to determine CSS property values
- HTML DOM Style cursor Property
- Changing the look of Cursor using CSS
- CSS Latest Updates - Inner & Outer Values of display Property
- Use CSS width property for responsive image
- Specify the color of the cursor in elements with CSS
- How to create Custom Cursor using CSS
- Change Cursor Color with CSS caret-color
- Hide the cursor on a webpage using CSS and JavaScript
- Use CSS max-width property for responsive image
Advertisements