본문 바로가기
Study

CSS에서 margin과 padding의 차이

by 이매➰ 2024. 10. 8.

margin과 padding의 공통점

  • 요소의 레이아웃과 간격을 조정할 때 사용한다
  • 요소와 다른 요소 또는 컨텐츠 간의 거리를 설정하는 역할

margin

  • 요소 바깥쪽의 여백을 설정한다
  • 다른 요소와의 외부 간격을 조정할 때 사용된다
  • 투명하며, 배경색이나 테두리에는 영향을 미치지 않는다

padding

  • 요소 안쪽의 여백을 설정 한다
  • 요소의 콘텐츠와 테두리 사이의 간격을 조정할 때 사용된다
  • 콘텐츠와 요소 내부 경계 사이에 있는 영역에 영향을 주며, 이 영역은 배경색이 적용된다