CSS Outline-width Property

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

# CSS outline-width 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-width property sets the width of the outlines.

Note: Always declare the outline-style property before the outline-width property. An element must have an outline before you change the width of it.

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.outlineWidth="thin"

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

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

## Example

p { outline-style: solid; outline-width: medium }

## Possible Values

Value | Description
--- | ---
thin | Defines thin outlines
medium | Default. Defines medium outlines
thick | Defines thick outlines
length | Allows you to define the thickness of the outlines

## Try-It-Yourself Demos

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

Complete CSS Reference

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