margin 은 border 를 기준으로 바깥으로 생기는 간격으로 margin-top, margin-bottom, margin-left, margin-right 네 개 속성의 축약 속성.
여기서는 한 개 부터 네 개 값까지 모두 선택적으로 사용 가능.
값 | 속성 | 설명 |
---|---|---|
margin-top margin-right margin-bottom margin-left |
auto | 브라우저가 여백을 자동으로 계산 |
length | cm, mm, in, pt, pc, px,em, ex 단위로 아래 여백을 지정 | |
% | 상위 속성값에 비례하여 퍼센테이지로(%)로 아래 여백을 지정 | |
inherit | 아래쪽 여백이 부모 요소에서 상속하도록 지정 |