Outline Width

CSS Outline Width

The outline-width property specifies the width of the outline, and can have one of the following values:

• thin (typically 1px)
• medium (typically 3px)
• thick (typically 5px)
• A specific size (in px, pt, cm, em, etc)

CSS Outline Width Examples

Here are some outlines with different widths:

A thin outline.

A medium outline.

A thick outline.

A 8px thick outline.

Example

  p {
  padding: 5px;

  outline-style: solid;
  outline-color: green;
}

p.ex1 {
  outline-width: thin;
}

  p.ex2 {
  outline-width: medium;
}

p.ex3 {
  outline-width:
  thick;
}

p.ex4 {
  outline-width: 8px;
}