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;