<?xml version="1.0" encoding="utf-8"?>

CSS outline-offset property

The outline-offset property is responsible for adding space between an outline and the border of an element. It's always transparent, and the only thing that you can regulate is the distance in pixels, points, centimeters, ems, or percents.

The offset can take a negative value and place the outline inside the element. In turn, a value of 0 sets the outline over the border so that there is no space between them.

Improve your UX & Product skills with interactive courses that actually work