margin과padding과border의 차이 사용

CSS에 margin과 padding이 있는데 자세히 설명해 주시겠어요?
간단하게 말하면, 상자 밖에서 공백을 찾은 쪽은

「margin」

상자 안쪽에 여백을 남기다

「padiing」

상자 테두리의 너비와 색깔을 변경할 수 있습니다

「border」

그렇긴 하지만 이해하기 쉬워
구체적인 인상이 없는 사람을 위해 자세히 살펴보자.
이쪽 봐주세요.

출전cocolog-nifty.com
이번 예에서 width가 지정한 너비는 내용에 해당한다."border"안쪽에서 너비를 "margin"으로 표시하고 바깥쪽을 "padding"으로 기록합니다.