# outline-style property

The `outline-style` property specifies a style of an outline - a border that does not take up space.

## Syntax

`selector { outline-style: value; }`

## Values

Value | Description
--- | ---
`solid` | Solid line.
`dotted` | Dotted line.
`dashed` | Dashed line.
`ridge` | Ridge line.
`double` | Double line. To see the effect, a border width should be at least `3px`.
`groove` | Groove line.
`inset` | Inset outline.
`outset` | Outset outline.
`none` | None outline.

Default value: `none`.

## Example . The solid value

`<div id="elem"></div>` `#elem { outline-width: 1px; outline-style: solid; outline-color: black; width: 300px; height: 100px; }`

:

## Example . The dotted value

`<div id="elem"></div>` `#elem { outline-width: 1px; outline-style: dotted; outline-color: black; width: 300px; height: 100px; }`

:

## Example . The dashed value

`<div id="elem"></div>` `#elem { outline-width: 1px; outline-style: dashed; outline-color: black; width: 300px; height: 100px; }`

:

## Example . The ridge value

`<div id="elem"></div>` `#elem { outline-width: 3px; outline-style: ridge; outline-color: black; width: 300px; height: 100px; }`

:

## Example . The double value

`<div id="elem"></div>` `#elem { outline-width: 3px; outline-style: double; outline-color: black; width: 300px; height: 100px; }`

:

## Example . The groove value

`<div id="elem"></div>` `#elem { outline-width: 3px; outline-style: groove; outline-color: black; width: 300px; height: 100px; }`

:

## Example . The inset value

`<div id="elem"></div>` `#elem { outline-width: 3px; outline-style: inset; outline-color: black; width: 300px; height: 100px; }`

:

## Example . The outset value

`<div id="elem"></div>` `#elem { outline-width: 3px; outline-style: outset; outline-color: black; width: 300px; height: 100px; }`

:

## See also

- the `outline-color` property
  that sets an outline color
- the `outline-width` property
  that sets an outline width
- the `outline` property
  that is a shorthand property for outline
- the `outline-offset` property
  that sets an outline offset

← →
↑
en ru