Core Code
Core Code Modern Dev Handbook

CSS Outline Offset

Outline-offset moves the outline away from the border.

Preview

Code

<style>
.box{
outline:3px solid #2563eb;
outline-offset:6px;
padding:20px;
border:2px solid #e5e7eb;
}
</style>

<div class="box">Outline offset example</div>

More CSS Outline Examples (5)

example CSS Outline Basic open example example CSS Outline Width open example example CSS Outline Style open example example CSS Outline Color open example example CSS Outline vs Border open example