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