outline-style

The outline-style CSS property sets the style of an element’s outline. An outline is a line that is drawn around an element, outside the border.

It is often more convenient to use the shorthand property outline when defining the appearance of an outline.

Values: This property is specified as one of the following values:

Values: auto Permits the user agent to render a custom outline style. none No outline is used. dotted The outline is a series of dots. dashed The outline is a series of short line segments. solid The outline is a single line. double The outline is two single lines. The outline-width is the sum of the two lines and the space between them. groove The outline looks as though it were carved into the page. ridge The opposite of groove: the outline looks as though it were extruded from the page. inset The outline makes the box look as though it were embedded in the page. outset The opposite of inset: the outline makes the box look as though it were coming out of the page.

Syntax example: outline-style: auto;