Interface Controls
You can use stylesheet attributes to control how the interface to the web page appears:
- cursor can be auto, (the default - meaning that it will select an appropriate cursor to match the situation) crosshair, default (displaying the default cursor image), pointer, move, e-resize, ne-resize, nw-resize, n-resize, se-resize, sw-resize, s-resize, w-resize, text, wait, help, or a url reference. Note that you should take care in using this option as changing the cursor to an inappropriate image can get your visitors confused.
- outline-color allows you to set the colour of the outline that appears around the object having the focus. This can be specified as a colour or you can use invert.
- outline-style can be none , dotted, dashed, solid, double, groove, ridge, inset, or outset.
- outline-width specifies the thickness of the outline. It can be thin, medium, thick, or you can specify the actual thickness.
- outline can also be used to specify the outline width, style, and colour that is to be applied all at once.
Outlines if made visible will appear around objects inside of their border.
Examples
.help {cursor:help;}


