Here's something you might never have considered doing: changing the cursor that the user sees when visiting your Web page. Now you can.
The cursor property enables you to specify which cursor will be visible when a user mouses over a given element on the page.
B { cursor: crosshair }
The example code above turns the cursor into a crosshair when the user rolls over bold text, like this.
Here are your cursor options (mouse over them to see them in action):
- pointer — works in IE for the Mac but not Windows
- text
- hand — not part of the official CSS2 spec, although it should be (IE supports this)
- crosshair
- wait
- help
- move
- n-resize
- ne-resize
- e-resize
- se-resize
- s-resize
- sw-resize
- w-resize
- nw-resize
- auto — the normal browser-defined cursor
- default — the default cursor used by the current computer platform
Note: The cursor property is supported by IE 4.x as well as IE 5.x.
According to the CSS2 specification, we should also be able to specify a custom graphic file to serve as the cursor, but this feature isn't supported in IE 5. Anyhow, let's move on to stuff that's more useful: embedded fonts.
next page»
