Producing web pages
* HTML CSS DHTML XHTML A to Z of tags        Accessibility          Design

Dynamic properties

These properties allow you to change the shape of the cursor and to create outlines around objects such as buttons, form fields, image maps and so on. They are a bit like borders but they don't influence the position of the tag.

They are part of the CSS2 specification and probably won’t work just yet.

Property

Description

Values

Example

outline

Sets the properties of the outline

outline-width
outline-style
outline-color

{ outline: thin solid blue; }

outline-color

Sets the colour of the outline

color

{ outline-color:blue; }

outline-style

Sets the style of the outline

none
dotted
dashed
solid
double
groove
ridge
inset
outset

{ outline-style:groove; }

outline-width

Sets the width of the outline

thin
medium
thick
width

{ outline-width:thick; }