outline-width - HTML CSS CSS Property

HTML CSS examples for CSS Property:outline-width

Description

The outline-width CSS property sets the width of the outline of an element.

The following table summarizes the outline-width Property.

Item Value
Default value: medium
Applies to:All elements
Inherited: No
Animatable: Yes.

Syntax

The syntax of the property is as follows:

outline-width:      thin | medium | thick | length | initial | inherit

Property Values

The following table describes the values of this property.

Value Description
thinA thin outline.
medium A medium outline.
thick A thick outline.
length A length value in px, em, etc. Negative values are not allowed.
inherit take the value of its parent element outline-width property.

The example below shows the outline-width property.

Demo Code

ResultView the demo in separate window

<!DOCTYPE html>
<html lang="en">
 <head>
  <title>Example of CSS outline-width property</title>
  <style type="text/css">
    p {<!--from  w w w.  j a  v  a2  s .c o  m-->
        outline-style: dotted;
        outline-width: thick;
    }
</style>
 </head>
 <body>
  <p>This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. </p>
 </body>
</html>

Related Tutorials