An outline is a line that is drawn around elements, OUTSIDE the borders, to make the element "stand out".

Syntax:

p {outlinesize outlinestyle outline color}

<aside> 📌 Note: Outline differs from borders! Unlike border, the outline is drawn outside the element's border, and may overlap other content.

</aside>

The outline-style property specifies the style of the outline, and can have one of the following values:

and much more ....

p {outline-style: dotted;}
p {outline-style: dashed;}