CSS Outline
===========
An outline is a line that is drawn around elements (outside the borders) to make the element "stand out".
The outline properties specify the style, color, and width of an outline.
The outline is not a part of an element's dimensions; the element's total width and height is not affected by the width of the outline.
All CSS Outline Properties
--------------------------
Property Description Values
-------------------------------------------------------------------------------------
outline Sets all the outline properties in one declaration outline-color
outline-style
outline-width
inherit
outline-color Sets the color of an outline color_name like "red"
hex_number like "#ffffff"
rgb_number like "0,1,2" (reg,green,blue)
invert
inherit
outline-style Sets the style of an outline none
dotted
dashed
solid
double
groove
ridge
inset
outset
inherit
outline-width Sets the width of an outline thin
medium
thick
length
inherit
Example 1
---------
Note: IE8 supports the outline properties only if a !DOCTYPE is
specified.
Example 2
---------
A dotted outline
A dashed outline
A solid outline
A double outline
A groove outline
A ridge outline
An inset outline
An outset outline
Note: IE8 supports the outline properties only if a !DOCTYPE is
specified.
Example 3
---------
Note: IE8 supports the outline properties only if a !DOCTYPE is specified.
Example 4
---------
This is some text in a paragraph.
This is some text in a paragraph.
Note: IE8 supports the outline properties only if a !DOCTYPE is
specified.