CSS Outline-style Property

From http://www.w3schools.com (Copyright Refsnes Data)

# CSS outline-style Property

Complete CSS Reference

## Definition

An outline is a line that is drawn around elements, outside the border edge, to make the element "stand out". The outline-style property sets the style of the outlines.

Note: Outlines do not take up space, and they do not have to be rectangular.

Inherited: No

## JavaScript Syntax

CSS properties can also be dynamically changed with a JavaScript.

Scripting Syntax: object.style.outlineStyle="dotted"

In our HTML DOM tutorial you can find more details about the outlineStyle property.

In our HTML DOM tutorial you can also find a full Style Object Reference.

## Example

button { outline-style: solid }

## Possible Values

Value | Description
--- | ---
none | Default. Defines no outlines
dotted | Defines a dotted outline
dashed | Defines a dashed outline
solid | Defines a solid outline
double | Defines two lines around the element. The width of the two lines are the same as the outline-width value
groove | Defines a 3D grooved outline. The effect depends on the outline-color value
ridge | Defines a 3D ridged outline. The effect depends on the outline-color value
inset | Defines a 3D inset outline. The effect depends on the outline-color value
outset | Defines a 3D outset outline. The effect depends on the outline-color value

## Try-It-Yourself Demos

Set the style of an outline
This example demonstrates how to set the style of an outline.

Complete CSS Reference

From http://www.w3schools.com (Copyright Refsnes Data)