Margin
- 요소의 외부여백을 지정하기 위해 사용한다.
- 속성값 :
[크기]
- 속성구조
[x]
: 상/하/좌/우 모두 x
를 부여한다.
[x] [y]
: 상/하에 대해 x
를, 좌/우에 대해 y를 부여한다.
[a] [b] [c] [d]
: 상/하/좌/우를 a
,b
,c
,d
순으로 부여한다.
상/하/좌/우 따로 여백 줄 때
1) margin-top
- 위쪽 외부여백을 지정하기 위해 사용한다.
- 속성값 :
[크기]
2) margin-right
- 오른쪽 외부여백을 지정하기 위해 사용한다.
- 속성값 :
[크기]
3) margin-bottom
- 아래쪽 외부여백을 지정하기 위해 사용한다.
- 속성값 :
[크기]
4) margin-left
- 왼쪽 외부여백을 지정하기 위해 사용한다.
- 속성값 :
[크기]
형식
[Tag] or [.class] or [#id]{
margin : [크기1] [크기2] [크기3] [크기4];
/* 위 와 아래 내용이 같은 걸 뜻함*/
margin-top : [크기1];
margin-right : [크기2];
margin-bottom : [크기3];
margin-left : [크기4];
}