CSS Cursor Codes

Example Code


<!-- Codes by HTMLmagics -->
<p style="cursor: auto;">CSS Cursor: "auto"</p>
<p style="cursor: crosshair;">CSS Cursor: "crosshair"</p>
<p style="cursor: default;">CSS Cursor: "default"</p>
<p style="cursor: hand;">CSS Cursor: "hand" (Internet Explorer)</p>
<p style="cursor: pointer;">CSS Cursor: "pointer" (All other browsers, plus Internet Explorer 6)</p>
<p style="cursor: pointer; cursor: hand;">CSS Cursor: "pointer" and "hand" (cross-browser)</p>
<p style="cursor: move;">CSS Cursor: "move"</p>
<p style="cursor: e-resize;">CSS Cursor: "e-resize"</p>
<p style="cursor: ne-resize;">CSS Cursor: "ne-resize"</p>
<p style="cursor: nw-resize;">CSS Cursor: "nw-resize"</p>
<p style="cursor: n-resize;">CSS Cursor: "n-resize"</p>
<p style="cursor: se-resize;">CSS Cursor: "se-resize"</p>
<p style="cursor: sw-resize;">CSS Cursor: "sw-resize"</p>
<p style="cursor: s-resize;">CSS Cursor: "s-resize"</p>
<p style="cursor: w-resize;">CSS Cursor: "w-resize"</p>
<p style="cursor: text;">CSS Cursor: "text"</p>
<p style="cursor: wait;">CSS Cursor: "wait"</p>
<p style="cursor: progress;">CSS Cursor: "progress"</p>
<p style="cursor: help;">CSS Cursor: "help"</p>
<p style="cursor: url(http://www.htmlmagics.blogspot.com.me/images/links/cursor_move.gif),auto;">CSS Cursor: "url(cursor_move.gif),auto"</p>

<p><a  style="font-size:11px;color:#999;" href="http://www.htmlmagics.blogspot.com/links/css-cursor.cfm">CSS cursor</a></p>

Result

CSS Cursor: "auto"

CSS Cursor: "crosshair"

CSS Cursor: "default"

CSS Cursor: "hand" (Internet Explorer)

CSS Cursor: "pointer" (All other browsers, plus Internet Explorer 6)

CSS Cursor: "pointer" and "hand" (cross-browser)

CSS Cursor: "move"

CSS Cursor: "e-resize"

CSS Cursor: "ne-resize"

CSS Cursor: "nw-resize"

CSS Cursor: "n-resize"

CSS Cursor: "se-resize"

CSS Cursor: "sw-resize"

CSS Cursor: "s-resize"

CSS Cursor: "w-resize"

CSS Cursor: "text"

CSS Cursor: "wait"

CSS Cursor: "progress"

CSS Cursor: "help"

CSS Cursor: "url(cursor_move.gif),auto"

CSS cursor