테두리, 여백, 패딩 속성의 차이점_CSS/HTML

테두리 속성(border)은 요소의 가장자리를 설정하는 데 사용됩니다.
여백 속성(margin)은 요소가 차지하는 공간의 가장자리와 인접한 요소 사이의 거리를 설정하는 데 사용됩니다.
간격 속성(패딩)은 요소 콘텐츠에서 요소 경계까지의 거리를 설정하는 데 사용됩니다.
이 세 가지 속성은 모두 CSS의 상자 유형 속성에 속합니다.

아래 다이어그램은 세 가지의 차이점을 생생하게 반영합니다.

다음은 박스 모델의 3D 개략도입니다. 이해하고 기억하기가 더 쉽기를 바랍니다.