CSS 외부 여백 속성

margin: 요소의 외부 여백(공간)을 지정하는 단축 속성 (음수 사용 가능)

0: 외부 여백 없음

auto: 브라우저가 여백을 계산, 가로(세로) 너비가 있는 요소의 가운데 정렬에 활용

단위: px, em, vw 등 단위로 지정

%: 부모 요소의 가로 너비에 대한 비율로 지정

 

최대 4가지 값까지 입력 가능(margin: 10px 20px 30px 40px;), 띄어쓰기로 구분

margin: top,right,bottom,left;

margin: top,bottom  left,right;

margin: top left,right bottom;

margin: top right bottom left;

 

margin-방향: 요소의 외부 여백(공간)을 지정하는 기타 개별 속성들

margin-top

margin-bottom

margin-left

margin-right