Mark Wilson I am the creator of TopXML. I am available for international and local (Australia) contracts. I am a Solution Architect/Business Analyst. I have worked in IT in several countries (NZ, Australia, South Africa, UK) building and training teams for government and very large non-governmental organizations. I am ex-Microsoft Consulting Services. I wrote the first book on Microsoft XML published in 2000 called XML Programming with VB and ASP. Most recently I have been building tools for the SEO industry. Ask me for a 37 point SEO health-checkup for your website.
First posted :
03/24/2008
Times viewed :
1340
The cursor property (CSS Reference)
Introduction
The cursor property can be used to define the type of the
cursor, which is visible for the user. You can use one of the 16 available
cursors or you can use your own created cursor. For that you will need an image
of the cursor.
Example
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Strict//EN"
<tr><td><p class="auto">Auto
cursor is defined here.</p></td></tr>
<tr><td><p
class="crosshair">crosshair cursor is defined
here.</p></td></tr>
<tr><td><p
class="default">default cursor is defined
here.</p></td></tr>
<tr><td><p class="help">help
cursor is defined here.</p></td></tr>
<tr><td><p class="move">move
cursor is defined here.</p></td></tr>
<tr><td><p
class="pointer">pointer cursor is defined
here.</p></td></tr>
<tr><td><p
class="e-resize">e-resize cursor is defined
here.</p></td></tr>
<tr><td><p class="n-resize">n-resize
cursor is defined here.</p></td></tr>
<tr><td><p
class="ne-resize">ne-resize cursor is defined
here.</p></td></tr>
<tr><td><p
class="nw-resize">nw-resize cursor is defined
here.</p></td></tr>
<tr><td><p
class="s-resize">s-resize cursor is defined
here.</p></td></tr>
<tr><td><p
class="sw-resize">sw-resize cursor is defined
here.</p></td></tr>
<tr><td><p
class="w-resize">w-resize cursor is defined
here.</p></td></tr>
<tr><td><p class="text">text
cursor is defined here.</p></td></tr>
<tr><td><p class="url">url
cursor is defined here.</p></td></tr>
<tr><td><p class="wait">wait
cursor is defined here.</p></td></tr>
</table>
</h3>
</body>
</html>
Output
Values
Name:
Description:
auto
Defines the cursor automatically.
crosshair
The cursor is displayed as a big plus sign.
default
The default cursor is used.
help
The cursor is displayed as a question mark or a balloon.
move
The cursor looks like when you are moving an object like a
window. It looks like a big plus sign with arrows at the end of the lines.
pointer
The cursor looks like when you place your mouse over a
link.
e-resize
The cursor is rendered as an arrow from the left to right.
n-resize
The cursor is rendered as an arrow from the top to bottom.
nw-resize
The cursor is rendered as an arrow from the upper left to
lower right.
s-resize
The cursor is rendered as an arrow from the top to bottom.
se-resize
The cursor is rendered as an arrow from the upper left to
lower right.
sw-resize
The cursor is rendered as an arrow from the upper right to
lower left.
w-resize
The cursor is rendered as an arrow from the left to right.
text
The cursor is rendered as a I.
url()
Here you can enter a list comma separated images which
defines the location of the cursor. You must enclose those URLs in double
quotes. Some browsers do not recognize custom cursors, therefore it is
recommend to set a default cursor at the end of the list.
