CSS

[CSS] Margin(외부 여백)

katia 2023. 3. 8. 16:04

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];

}

'CSS' 카테고리의 다른 글

[CSS] Font  (1) 2023.03.09
[CSS] Padding(내부여백)  (0) 2023.03.08
[CSS] Position  (0) 2023.03.08
[CSS] Display  (0) 2023.03.08
[CSS] Overflow  (0) 2023.03.08