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:
dotted
- Defines a dotted outlinedashed
- Defines a dashed outlinesolid
- Defines a solid outlinedouble
- Defines a double outlineand much more ....
p {outline-style: dotted;}
p {outline-style: dashed;}