Padding

Padding은 Margin과 반대방향의 속성이다.

 

Padding이란? box의 경계로부터 '안쪽'에 있는 공간이다.

 

Padding 적용 전과 적용 후 예시를 각각 보자.

<Padding 적용 전 code>

 

<Padding 적용 전 출력값>

 

 

이제 Padding을 적용해보면

<Padding 적용 후 code>

<Padding 적용 후 출력값>

▲위와 같이 body에 Padding값을 주니까 body의 border(경계)를 기준으로 안쪽으로 공간이 생긴 것을 볼 수 있다.

 

 

 

padding값을 좀 더 세밀하게 조정하고 싶을 때는 아래와 같은 방법을 사용하면 된다.