관리 메뉴

I LOVE EJ

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

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통


'Web publishing > HTML & CSS' 카테고리의 다른 글

mailto 태그를 잘 활용하는 방법  (0) 2010.07.02
링크 점선 없애기  (0) 2010.06.29
css 위치지정(position)  (0) 2009.05.13
RGB 색상표  (0) 2007.10.15
링크 속성  (0) 2007.10.15