CSS Cursor Property
CSS Cursor Property and its example ?
The cursor property in CSS controls what the mouse cursor will look like when it is located over the element in which this property is set. They are used essentially for UX - as they convey the idea of certain functionality.
Example:
Result:
There are different cursor property as follows −
Sr.No. | Value & Description |
---|---|
1 | 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... |
2 | crosshair A crosshair or plus sign |
3 | default An arrow |
4 | pointer A pointing hand (in IE 4 this value is hand) |
5 | move The I bar |
6 | e-resize The cursor indicates that an edge of a box is to be moved right (east) |
7 | ne-resize The cursor indicates that an edge of a box is to be moved up and right (north/east) |
8 | nw-resize The cursor indicates that an edge of a box is to be moved up and left (north/west) |
9 | n-resize The cursor indicates that an edge of a box is to be moved up (north) |
10 | se-resize The cursor indicates that an edge of a box is to be moved down and right (south/east) |
11 | sw-resize The cursor indicates that an edge of a box is to be moved down and left (south/west) |
12 | s-resize The cursor indicates that an edge of a box is to be moved down (south) |
13 | w-resize The cursor indicates that an edge of a box is to be moved left (west) |
14 | text The I bar |
15 | wait An hour glass |
16 | help A question mark or balloon, ideal for use over help buttons |
17 | <url> The source of a cursor image file |