Mouse cursor List : cursor « CSS « HTML / CSS






Mouse cursor List

 


<html>

<body>
<p>Move the mouse over the words to see the cursor change:</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>

           
         
  








Related examples in the same category

1.The cursor Property
2.Change Cursor
3.'cursor' Example
4.cursor: url('ani.ani')
5.cursor: move
6.cursor: wait
7.cursor custom
8.cursor: pointer; crosshair; move; text; wait; help