Copyright © tutorialspoint.com

# CSS - outline-width

## Description:

The outline-width property defines the width of the outline around an element.

## Possible Values:

- length Any length unit. Length units for this property may not be negative.
- thin: An outline which is thinner than an outline set to medium.
- medium: An outline which is thicker than an outline set to thin, and thinner than an outline set to thick.
- thick: An outline which is thicker than an outline set to medium.

## Applies to:

All the HTML elements

## DOM Syntax:

object.style.outlineWidth="thin";

## Example:

Here is the example:

    <p style="outline-width:thin; outline-style:solid;">
    This text is having thin outline.
    </p>
    <br />
    <p style="outline-width:thick; outline-style:solid;">
    This text is having thick outline.
    </p>
    <br />
    <p style="outline-width:5px; outline-style:solid;">
    This text is having 5x outline.
    </p>

This will produce following result:

This text is having thin outline. This text is having thick outline. This text is having 5x outline.

To Become more comfortable - Do Online Practice

Copyright © tutorialspoint.com