cursor

English [?k?:s?(r)] US [?k?:rs?(r)]

n.Cursor

css cursor property syntax

Function:The cursor attribute specifies the type (shape) of the cursor to be displayed. 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 bounds determine this range).

Description: This attribute defines the cursor shape used when the mouse pointer is placed within the boundary range of an element (however, CSS2.1 does not define which boundary determines this range).?

Note: All major browsers support the cursor attribute. Opera 9.3 and Safari 3 do not support url values. The attribute value "inherit" is not supported in any version of Internet Explorer, including IE8.

css cursor property example

<html>
<body>
<p>請把鼠標(biāo)移動(dòng)到單詞上，可以看到鼠標(biāo)指針發(fā)生變化：</p>
<span style="cursor:auto">
Auto</span><br />
<span style="cursor:crosshair">
Crosshair</span><br />
<span style="cursor:default">
Default</span><br />
<span style="cursor:pointer">
Pointer</span><br />
<span style="cursor:move">
Move</span><br />
<span style="cursor:e-resize">
e-resize</span><br />
<span style="cursor:ne-resize">
ne-resize</span><br />
<span style="cursor:nw-resize">
nw-resize</span><br />
<span style="cursor:n-resize">
n-resize</span><br />
<span style="cursor:se-resize">
se-resize</span><br />
<span style="cursor:sw-resize">
sw-resize</span><br />
<span style="cursor:s-resize">
s-resize</span><br />
<span style="cursor:w-resize">
w-resize</span><br />
<span style="cursor:text">
text</span><br />
<span style="cursor:wait">
wait</span><br />
<span style="cursor:help">
help</span>
</body>
</html>
Run instance ?

Click the "Run instance" button to view the online instance