---
title: CSS Outline Width
description: "## 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,…"
url: "https://apprentice.mn/docs/css-outline-width/"
updated: "2021-05-08"
category: CSS
---

# CSS 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)

The following example shows some outlines with different widths:

A thin outline.

A medium outline.

A thick outline.

A 4px thick outline.

     `p.ex1 {
  border: 1px solid black;
  outline-style: solid;
  outline-color: red;
  outline-width: thin;
}

p.ex2 {
  border: 1px solid black;
  outline-style: solid;
  outline-color: red;
  outline-width: medium;
}

p.ex3 {
  border: 1px solid black;
  outline-style: solid;
  outline-color: red;
  outline-width: thick;
}

p.ex4 {
  border: 1px solid black;
  outline-style: solid;`               [https://www.addtoany.com/add_to/facebook?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fcss-outline-width%2F&linkname=CSS%20Outline%20Width](https://www.addtoany.com/add_to/facebook?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fcss-outline-width%2F&linkname=CSS%20Outline%20Width)[https://www.addtoany.com/add_to/mastodon?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fcss-outline-width%2F&linkname=CSS%20Outline%20Width](https://www.addtoany.com/add_to/mastodon?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fcss-outline-width%2F&linkname=CSS%20Outline%20Width)[https://www.addtoany.com/add_to/email?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fcss-outline-width%2F&linkname=CSS%20Outline%20Width](https://www.addtoany.com/add_to/email?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fcss-outline-width%2F&linkname=CSS%20Outline%20Width)[https://www.addtoany.com/share](https://www.addtoany.com/share)