border와 outline의 차이

border와 outline의 차이는?

왼쪽이 border 오른쪽이 outline이다.
보기에는 같아보이지만 라인을 그리는 방식에 차이가 있다.

border는 div박스크기는 그대로 두고 line을 추가로 그리는 방식이다.
그래서 크기가 206이다.

outline은 200px을 그대로 두고 line을 그리는 방식으로 line을 제외한 box의 크기는 194 x 194 인걸 알 수있다.