PROPERTY: outline

outline : outline-color &| outline-style &| outline-width
Compatibility: Currently not supported by any browser
Version: Level 2
Inherited: No
The outline property is a shortcut that allows you to combine the outline-color, outline-style, and outline-width properties in one declaration.
Each of these three individual properties is discussed on itsr own page.
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). 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.
An interesting use of an outline is to have it display only when the element comes into focus or when the element is active. This is accomplished with the following code fragment by using the psuedo-elements :focus and :active.
p:focus { outline: blue solid thin }
p:active { outline: red solid thick }

Remember that each of these three properties is optional.
img { outline: red }
p { outline: double 5px }
button { outline: #E9E9E9 double thin }

Copyright 1999-2001 by Infinite Software Solutions, Inc. All rights reserved.
Trademark Information