Desplazamiento del contorno de CSS

outline-offset La propiedad agrega espacio entre el contorno del elemento y el borde. El espacio entre el elemento y su contorno es transparente.

El siguiente ejemplo especifica un contorno de 25px fuera del borde:

Este párrafo tiene un contorno de 25px fuera del borde.

p {
  margin: 50px;
  border: 1px solid black;
  outline: 1px solid red;
  outline-offset: 25px;
}

El siguiente ejemplo muestra que el espacio entre el elemento y su contorno es transparente:

Este párrafo tiene un contorno de 25px fuera del borde.

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

Todos los atributos de contorno CSS

Atributo	Descripción
outline	Atributo abreviado, que establece outline-width, outline-style y outline-color en una declaración.
outline-color	Establecer el color del contorno.
outline-offset	Especificar el espacio entre el contorno y el borde o borde del elemento.
outline-style	Establecer el estilo del contorno.
outline-width	Establecer el ancho del contorno.