References : Style sheets
User interface properties
Properties relating to user interface allow you to change the cursor type, the colour and font preferences, and the dynamic outlines.
cursor |
outline |
outline-color |
outline-style
|
outline-width
| cursor |
|
|
| Specifies the type of cursor to be displayed for a pointing device (mouse). |
| |
| CSS2 value | <uri> | auto | crosshair | default | pointer | move | e-resize | ne-resize | nw-resize | n-resize | se-resize | sw-resize | s-resize | w-resize | text | wait | help | inherit |
| |
| Initial value | auto |
| |
| Applied to | All elements. |
| |
| Inherited | Yes. |
| |
Top |
|
| outline |
|
|
| Controls the style of the following dynamic outline properties: outline-color, outline-style, and outline-width. |
| |
| CSS2 value | outline-color | outline-style | outline-width | inherit |
| |
| Initial value | See the individual properties. |
| |
| Applied to | All elements. |
| |
| Inherited | No. |
| |
| Notes | You can create outlines around visual objects such as buttons, active form fields, image maps, etc. Unlike the border property, the outline property is rendered stacked over an element box, i.e. it does not have any impact on positions or sizes. So displaying or hiding it does not produce any ebb and flow effect. |
| |
Top |
|
| outline-color |
|
|
| Specifies the colour of the outline. |
| |
| CSS2 value | <color> | invert | inherit |
| |
| Initial value | invert |
| |
| Applied to | All elements. |
| |
| Inherited | No. |
| |
Top |
|
| outline-style |
|
|
| Specifies the style of the outline. |
| |
| CSS2 value | none | dotted | dashed | solid | double | groove | bridge | inset | outset | inherit |
| |
| Initial value | none |
| |
| Applied to | All elements. |
| |
| Inherited | No. |
| |
Top |
|
| outline-width |
|
|
| Specifies the width of the outline. |
| |
| CSS2 value | [thin | medium | thick] | <length> | inherit |
| |
| Initial value | medium |
| |
| Applied to | All elements. |
| |
| Inherited | No. |
| |
Top |
|