CSS Outlines

CSS Outline

An outline is a line that is drawn around elements (outside the borders) to make the element "stand out".
However, the outline property is different from the border property.
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 hex_number rgb_number 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