Outline: solid, dashed, dotted

outline-style

Set the type of pen used to draw an element's outline ("outside-the-box" border).

Property values

Unlike many other similar properties, the outline-style property does not have corresponding top, right, bottom and left properties. Outline-style rules can only be set for all four sides at once.

Specify the outline style using any one of these keywords:

auto Use the browser's default for this property
none Do not display an outline
dotted Use a series of small dots for the outline
dashed Use a series of short dashes for the outline
solid Use an unbroken line for the outline
double Use two parallel unbroken outlines (outline-width must be at least 3px)

Or choose one of these special effects when outline-width is at least 2px):

outset A raised content appearance is created by adjusting the bottom and right edges to be slightly darker
inset A sunken content appearance is created by adjusting the top and left edges to be slightly darker
groove A raised border is created by adjusting half of each edge to be slightly darker
ridge A sunken border is created by adjusting the opposite halves of each edge to be slightly darker

Examples

outline-style: dotted;
outline-style

style > framing > outline-styleOutline: solid, dashed, dotted

🔎