border는 다들 익숙할 것이다. outline을 많이 사용해보지 않아서 정리가 필요하다고 생각했다.
아래 그림을 보면 쉽게 이해할 수 있다.
Outline은 Border 바깥에 적용이 되는 것이며, border값은 값이 커지면 주변 레이아웃에 영향을 주게 된다. 하지만 Outline은 값이 커져도 주변 레이아웃에 영향을 주지 않는다. 그래서 유용하게 사용가능하다. (CSS Outline - w3school.com 참고)