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.





Spacer Bottom Left Corner ImageBottom Right Corner Image
Valid XHTML 1.0 Strict  Valid CSS! Check the accessibility of this site according to U.S. Section 508