Scholar Repository
Home>Manual>CSS Outline-style Property

CSS Outline-style Property

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

CSS outline-style Property


CSS Reference 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.


CSS Reference Complete CSS Reference

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

Home>Manual>CSS Outline-style Property