bugl
bugl
HomeLearnPatternsSearch
HomeLearnPatternsSearch
Learn/CSS/CSS Foundations
CSS•CSS Foundations

CSS Outline Width

Overview

Formula

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

Demonstration of different outline widths:

p {
padding: 5px;
outline-style: solid;
outline-color: green;
}
p.ex1 {
outline-width: thin;
}
p.ex2 {
outline-width: medium;
}
p.ex3 {

Formula

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

Previous

CSS Outline

Next

CSS Outline Color