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>请把鼠标移动到单词上,可以看到鼠标指针发生变化:</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