border ocupa espacio en el modelo de caja de un elemento y afecta a sus dimensiones. outline se dibuja sobre el elemento, sin ocupar espacio ni afectar sus dimensiones.

border puede tener diferentes anchos y estilos en cada uno de los cuatro lados (border-top, border-right, border-bottom, border-left). outline se aplica a todo el borde del elemento en su conjunto.

border puede ser redondeado usando border-radius. outline no puede ser redondeado.

outline se usa a menudo para indicar el foco de un elemento (:focus) con el fin de mejorar la accesibilidad.

Anterior Siguiente