CSS

CSS Changing the Cursor’s Appearance

CSS/CSS Changing the Cursor’s Appearance

Changing the Cursor’s Appearance
For emotional or creative effect, web designers can presently change the appearance of the cursor of the visitor’s mouse, using the cursor property.
The allowed values of the cursor property are:

Property

Description

URL

This value allows to define a comma separated of URLs to custom
cursors.

auto

This value will define the cursor that the browser sets as its default.

crosshair

This value will define a crosshair icon as a cursor.

default

This value will define the default cursor.

e-resize

This value will define a cursor that indicates that an edge of a box
is to be moved right.

help

This value will define a cursor indicating that help is available.

n-resize

This value will define a cursor indicating that an edge of a box is
to be moved up.

move

This value will define a cursor indicating that something that should be
moved.

ne-resize

This value will define a cursor indicating that an edge of a box is
to be moved up and right.

nw-resize

This value will define a cursor indicating that an edge of a box is
to be moved up and left.

pointer

This value will define a pointer icon as the cursor.

progress

This value will define a cursor indicating that the web site is in
progress (busy).

s-resize

This value will define a cursor indicating that an edge of a box is to be moved down.

wait

This value will define a cursor indicating that the web site is busy.

inherit

This value will define a cursor that is the same value of the its
parent element.

text

This value will define a cursor indicating text.

w-resize

This value will define a cursor indicating that an edge of a box is
to be moved left.

sw-resize

This value will define a cursor indicating that an edge of a box is
to be moved down and left.

 

Previous
Next
Leave a comment
No Cmomments yet