Outline Offset

CSS Tutorial

CSS Advanced

CSS Responsive

CSS Grid

Outline offset

The outline-offset property is used to adds space between an outline and the edge/border of an element. The space is transparent between an element and its outline is transparent.

HTML

				
					<h2>The outline-offset Property</h2>
<p>This paragraph has an outline 15px outside the border edge.</p>

CSS

				
					p {
  margin: 30px;
  background:#03989E;
  border: 1px solid black;
  outline: 1px solid black ;
  outline-offset: 15px;
}

Output