This document is a work in progress and is subject to change.
Summary
Cursor CSS property specifies the type of mouse cursor displayed over an element.
Syntax
cursor: [crosshair]
Legal Values
| Value | Description |
|---|---|
| url | The image or text moves to the left of the parent element |
| default | The image or text moves to the right of the parent element |
| auto | Image or text does not move and it appears at the same location |
| crosshair | |
| pointer | |
| move | |
| e-resize | |
| ne-resize | |
| nw-resize | |
| n-resize | |
| se-resize | |
| sw-resize | |
| s-resize | |
| w-resize | |
| text | |
| wait | |
| help |
Mozilla Recommended Values
Usage Examples
<html>
<head>
<style type="text/css">
b
{
font-size: 25px;
float:right;
}
</style>
</head>
<body>
<p>
<b>HELLO!</b>
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
</p>
</body>
</html>
Notes
Specification Conformance
Browser Compatibility
Firefox,Netscape,Opera,IE