The outline-offset CSS property sets the space between an element's border and its outline. This allows you to visually separate the outline from the border using positive or negative values. It's useful for enhancing focus indicators or decorative styling without altering layout.

outline-offset creates space between the border and the outline. The value can be in px, em, or other length units.

You can customize the outline style and use a smaller offset for a tighter gap.