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)
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 {
outline-width:
thick;
}
p.ex4 {
outline-width: 8px;
}
Try it Yourself »