The concrete analysis of outlines contour in CSS

Describe:

A line that is drawn around an element that is located on the periphery of the edge of the border, which acts as a prominent element. does not occupy space.

Not available under IE.

Property	Describe	Note
Outline	Composite properties Sets or retrieves the outline of a line outside the object, and the outer contour (outline) is drawn outside the border (border), not necessarily a rectangle	outline:outline-color| | outline-style| | Outline-width
Outline-color	Sets or retrieves the color of a line outline outside an object	Color: Colors Invert: Default value, inverse color with background color
Outline-style	Sets or retrieves the style of a line outline outside an object	None: Default value Dotted: off-line Contour Dashed: Dashed outer contour Solid: solid Outer Contour Double: the outer contour of two lines Groove: Draw the outer contour of the 3D groove based on the value of Outline-color Ridge: 3D convex groove outer contour according to Outline-color value Inset: Draw 3D concave edge Contour according to Outline-color value Outset: Draw 3D convex edge contour according to Outline-color value
Outline-width	Sets or retrieves the width of a line outline outside an object	Medium: Default. Default width Thin: Less than the default width Thick: greater than the default width Length: Long

Instance:

<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
Effect in Firefox