CSS Outlines

The CSS outline properties is used to draw a line around an element, outside the border edge. An outline is a line that is drawn around elements, outside the border edge, to make the element “stand out”.The CSS outline properties sets the outlines around elements. You can specify the style, color, and width of the outline.

Sometimes it is required by designer/authors to create outlines around visual objects such as buttons, active form fields, image maps, etc., to make them stand out.

The outline properties control the style of these dynamic outlines.

– outline
– outline-width
– outline-style
– outline-color

CSS outline example :
p:focus { outline: red solid thick; }