border
outline
outline-color
outline-width
PROPERTY: outline-style
outline-style
:
none
|
dotted
|
dashed
|
solid
|
double
|
groove
|
ridge
|
inset
|
outset
Compatibility:
Currently not supported by any browser
Version:
Level 2
Inherited:
No
The
outline-style
property sets the physical appearance of the outline (i.e., solid line, dashed, etc.).
An outline is a line drawn around an element with the purpose of making that element stand out (i.e., become more noticeable on a page). You can set the color, style, and width of the line. The outline is drawn outside of the border edge of the element. Therefore, an element can have both a border and an outline. Unlike a border, an outline does not have to have a rectangular shape.
none
The
none
value is the default. If no style is declared, no outline will appear even if other outline properties have been set. By declaring
none
, you can ensure that any previous outline declarations will not affect the outline.
dotted
A dotted line outlines the element.
dashed
A dashed line outlines the element.
double
A double solid line outlines the element.
groove
A 3-D grooved line outlines the element. The exact appearance of the line depends on the selected
outline-color
value.
inset
A 3-D inset line outlines the element. The exact appearance of the line depends on the selected
outline-color
value.
outset
A 3-D outset line outlines the element. The exact appearance of the line depends on the selected
outline-color
value.
ridge
A 3-D ridged line outlines the element. The exact appearance of the line depends on the selected
outline-color
value.
solid
A solid line outlines the element.
Code:
img
{
outline-color: orange
outline-style: solid
outline-width: medium
}
Copyright 1999-2001 by Infinite Software Solutions, Inc. All rights reserved.
Trademark Information