CSS Basic

CSS HOME
CSS Introduction
CSS Syntax
CSS How To
CSS Background
CSS Text
CSS Font
CSS Box Model
CSS Border
CSS Outline
CSS Margin
CSS Padding
CSS List
CSS Table

CSS Advanced

CSS Dimension
CSS Classification
CSS Positioning
CSS Pseudo-class
CSS Pseudo-element
CSS Image Gallery
CSS Image Opacity
CSS Media Types
CSS Don't
CSS Summary

CSS Examples

CSS References

CSS Reference
CSS Ref Alphabetical
CSS Ref Aural
CSS Units
CSS Colors
CSS Colorvalues
CSS Colornames

CSS Quiz

CSS Quiz
CSS Exam

CSS outline-width Property

Complete CSS Reference

Example

Set the width of an outline:

p
{
outline-style:dotted;
outline-width:5px;
}

Definition and Usage

An outline is a line that is drawn around elements (outside the borders) to make the element "stand out".

The outline-width specifies the width of an outline.

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.

Default value:	medium
Inherited:	no
Version:	CSS2
JavaScript syntax:	object.style.outlineWidth="thin"

Browser Support

The outline-width property is supported in all major browsers, except Internet Explorer.

Property Values

Value	Description
thin	Specifies a thin outline
medium	Specifies a medium outline. This is default
thick	Specifies a thick outline
length	Allows you to define the thickness of the outline
inherit	Specifies that the width of the outline should be inherited from the parent element

CSS tutorial: CSS Outline

CSS reference: outline property

HTML DOM reference: outlineWidth property