HTML, CSS - Margin, Padding

 

 

Margin & Padding

 

 

Margin : 바깥 여백을 의미하며 요소와 다른 요소 사이 간격을 의미함.

 

Padding : 내부 여백을 의미하며 요소의 테두리와 내부 컨텐츠 사이 간격을 의미

 

 

 

사용법

 

margin : 10px 

padding : 10px

 

-> 상하좌우 모두 10px 만큼 여백을 주겠다는 것.

 

 

margin  : 10px 20px;

padding : 10px 20px;

 

-> 상하 10px, 좌우 20px

 

 

margin  : 10px 20px 30px;

padding : 10px 20px 30px;

 

-> 상 10px, 좌우 20px, 하 30px

 

 

margin  : 10px 20px 30px 40px;

padding : 10px 20px 30px 40px;

 

-> 상 10px, 좌 20px, 우 30px, 하 40px