Outline

Un Outline es una línea que se dibuja alrededor de los elementos (fuera de los bordes).                                         

Esta propiedad la podemos encontrar de tres maneras;                              

 outline-style:
outline-color:

outline-width:

Las tres propiedades anteriores tienen los mismos valores que vimos en la propiedad border                  Ejemplo:

Tengo border color negro y ouline color fucsia

---

Ver Código





también existe la propiedad outline-offset añade espacio entre un outline y el borde o borde de un elemento.

El outline, no suma espacio al elemento, ni ocupa espacio.