Outline width

CSS Tutorial

CSS Advanced

CSS Responsive

CSS Grid

Outline width

The outline-width property defines the width of the outline, and consists of one of the following values:

  • thin (typically 1px).
  • medium (typically 3px).
  • thick (typically 5px).
  • A specific size (in px, pt, cm, em, etc).
				
					<h2>The outline-width Property</h2>
<p class="ex1">A thin outline.</p>
<p class="ex2">A medium outline.</p>
<p class="ex3">A thick outline.</p>
<p class="ex4">A 4px thick outline.</p>
CSS
				
					p.ex1 {
  border: 1px solid black;
  outline-style: solid;
  outline-color:#03989E;
  outline-width: thin;
}

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

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

p.ex4 {
  border: 1px solid black;
  outline-style: solid;
  outline-color: #03989E;
  outline-width: 4px;
}

Output

outline width property