Web publishing/HTML & CSS

[HTML]padding 과 margin의 차이...

BeOne 2009. 5. 18. 16:16

일반적으로 margin과 padding을 구별하기가 힘듭니다.

간단한 예제소스를 만들어 연습하시면 이해가 쉬울것 같네요

아래에 비교 예제를 올렸습니다.

margin : 특정 영역(box)의 바깥쪽 여백을 의미

padding : 특정 영역(box)의 안쪽 여백을 의미

 

 

예제)

A)이글과 아래의  margin이란 글사이에 흰색으로 20px차이가난다


 margin 바깥쪽 여백이 생긴다

 

B)이글과 아래의  margin이란 글사이에 하늘색으로 20px차이가난다


padding 안쪽 여백이 생긴다

출처 : Tong - Do My BEST님의 Asp & Script통