margin(외부여백)
- 요소의 외부 여백(공간)을 지정하는 단축속성
*음수를 사용 할 수 있음- 기본값 : 0 - 외부여백 없음
- auto : 브라우저가 여백을 계산
*가로(세로)너비가 있는 요소의 가운데정렬 에 활용 - 단위 : px, em, vw 등 단위로 지정
margin: 1px;
- top, right, bottom, left
margin: 1px 2px;
- top/bottom , left/right
margin: 1px 2px 3px;
- top, left/right, bottom
margin: 1px 2px 3px 4px;
- top, left, right, bottom
padding(내부여백)
- 요소의 내부 여백(공간)을 지정하는 단축속성
- 기본값 : 0 - 내부여백 없음
- 단위 : px, em, vw 등 단위로 지정
- % : 부모 요소의 가로 너비에 대한 비율로 지정
Code log