<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr">
<head>
<title>cursor : CSS Examples : Mozilla Developer Center </title>
<link rel="stylesheet" type="text/css" media="all" href="http://developer.mozilla.org/css/base.css" />
<link rel="stylesheet" type="text/css" media="all" href="http://developer.mozilla.org/css/wiki.css" />
<link rel="stylesheet" type="text/css" media="all" href="cssref.css" />
<style type="text/css">
.black {
	padding: 5px;
	border: 1px solid #000;
}
.auto {
	cursor: auto;
}
.crosshair {
	cursor: crosshair;
}
.pointer {
	cursor: pointer;
}
.move {
	cursor: move;
}
.resize1 {
	cursor: e-resize;
}
.resize2 {
	cursor: n-resize;
}
.text {
	cursor: text;
}
.wait {
	cursor: wait;
}
.help {
	cursor: help;
}

</style>
</head>

<body>

<h1>CSS Examples: cursor</h1>

<h2>Examples</h2>
<table>
	<tr>
		<td class="black"><span class="help">help cursor</span></td>
		<td class="black"><span class="auto">auto cursor</span></td>
		<td class="black"><span class="crosshair">crosshair cursor</span></td>
	</tr>
	<tr>
		<td class="black"><span class="move">move cursor</span></td>
		<td class="black"><span class="pointer">pointer cursor</span></td>
		<td class="black"><span class="resize1">e-resize cursor</span></td>
	</tr>
	<tr>
		<td class="black"><span class="text">text cursor</span></td>
		<td class="black"><span class="wait">wait cursor</span></td>
		<td class="black"><span class="resize2">n-resize cursor</span></td>
	</tr>
</table>

<h2>Styles Used</h2>

<pre>
.auto {
	cursor: auto;
}
.crosshair {
	cursor: crosshair;
}
.pointer {
	cursor: pointer;
}
.move {
	cursor: move;
}
.resize {
	cursor: e-resize;
}
.text {
	cursor: text;
}
.wait {
	cursor: wait;
}
.help {
	cursor: help;
}
</pre>

<div id="footer">
<a href="http://developer.mozilla.org/en/docs/CSS:cursor">MDC Documentation -- CSS:cursor</a>
</div>

</body>
</html>

