Cursors

The different kind of cursors can be attached to each box element. Below are the different kind of cursors.

Properties
default
text
help
wait
default
crosshair
move
pointer
ne-resize
sw-resize
n-resize
s-resize
w-resize
e-resize
nw-resize
se-resize


Other cursor identifiers

PropertiesDescription
autothe displayed cursor depends on the current context
URLthe url of the internet resource


snippet
<html>
<head>
<style>
div{margin: 10px; background: #ebebeb}
</style>
</head>
<body>
<form>
<div style="default">default</div>
<div style="text">text</div>
<div style="help">help</div>
<div style="wait">wait</div>
<div style="default">default</div>
<div style="crosshair">crosshair</div>
<div style="move">move</div>
<div style="pointer">pointer</div>
<div style="ne-resize">ne-resize</div>
<div style="sw-resize">sw-resize</div>
<div style="n-resize">n-resize</div>
<div style="s-resize">s-resize</div>
<div style="w-resize">w-resize</div>
<div style="e-resize">e-resize</div>
<div style="nw-resize">nw-resize</div>
<div style="se-resize">se-resize</div>
</form>
</body>
</html>
Related Tutorial
2. Padding
3. Margin
4. Border
5. Cursors