Outline Offset

<pre><code>//the following example specifies an outline 15px outside the border edge

p {
  margin: 30px;
  border: 1px solid black;
  outline: 1px solid red;
  outline-offset: 15px;
}</code></pre>
//the following example shows that the space between an element and its outline is transparent

p {
  margin: 30px;
  background: yellow;
  border: 1px solid black;
  outline: 1px solid red;
  outline-offset: 15px;
}

Adds space between an outline and the edge/border of an element.

The space between an element and its outline is transparent.

Outline Offset — Structure map

Clickable & Draggable!

Outline Offset — Related pages: