072024 TIL padding , margin

CSS STYLE 

padding -영역 안쪽에 여백을 넣을 떄 사용 

 

상 우 하 좌 ,

padding: 16px 8px 24px 10px; 

 

padding-top: 16px;
padding-right: 8px;
padding-bottom: 24px;
padding-left: 10px;

둘이 같은 코드 다 

 

margin  

영역 바깥쪽 여백을 넣을 때 

 

auto 로 자동으로 채울 수도 있다 . 

 

margin 시계방향으로 간다 

상 우 하 좌 

margin :16px 8px 24px 10px ;

 

margin-top 16px

margin-right 8px

margin-bottom 24px

margin-left 10px 

 

이 둘은 같은코드 이다