CSS Margin 과 Padding

Margin 과 Padding

Margin 마진은 어떤것의 외부를 감싸고있는 영역이다.

Padding 패딩은 어떤것의 내부에 있는 영역이다.

그림으로 표현하자면 이렇게 된다.

위와 같은 코드를 작성한다면 아래와 같이 출력이 된다.

패딩과 마진은 기본적으로 상하좌우를 모두 같은 크기로 지정해주지만 각각 조절하는 방법도 있다.

margin-top : 마진 상단

margin-right : 마진 우측

margin-bottom : 마진 하단

margin-left : 마진 좌측

padding-top : 패딩 상단

padding-right : 패딩 우측

padding-bottom : 패딩 하단

padding-left : 패딩 좌측