[CSS] 마진 과 패딩 차이 / Padding 과 Margin 차이

 

border를 기준으로 안쪽은 Padding 밖은 Margin으로 생각하면 된다.

검은색 선을 기준으로 회색 구역은 padding 영역이며 밖에 흰색 구역은 margin 영역으로

만약 border를 사용할때, 안쪽 구역을 줄이고 싶을때는 padding값을 줄여 border구역을 줄일 수 있으며, 반대로 넓히고 싶을때는 margin값을 줄이고 padding값을 높이면된다.