outline-style

The outline-style CSS property is used to set the style of the outline of an element. An outline is a line that is drawn around elements, outside the border edge, to make the element stand out.
 
It is often more convenient to use the shortcut property outline instead of outline-style, outline-width and outline-color.

Syntax

outline-style: none
outline-style: dotted
outline-style: dashed
outline-style: solid
outline-style: double
outline-style: groove
outline-style: ridge
outline-style: inset
outline-style: outset
outline-style: inherit

Example

<!DOCTYPE html>
<html>
    <head>
        <style>
            p {
                border: 1px solid red;
                outline-style: dotted;
                outline-color:#3C0;
            }
        </style>
    </head>
    <body>
        <p>
            <b>Note:</b>
            IE8 supports the outline properties only if a !DOCTYPE is specified.
        </p>
    </body>
</html>

Output

Note: IE8 supports the outline properties only if a !DOCTYPE is specified.