padding-top : 위쪽으로의 간격
padding-right : 오른쪽으로의 간격
padding-bottom : 아래쪽으로의 간격
padding-left : 왼쪽으로의 간격
TIP
Margin 과 Padding의 속성 적용시 top, right, bottom, left 의 순서를 꼭 기억 해두세요! ^^
속성의 내용을 전부 적게되면 길어진 CSS의 소스를 축약하여 작성 하실 수 있습니다.
* top, right, bottom, left 모두 10px 적용하기
margin: 10px;
* top/bottom은 10px , left/right는 15px 적용하기
margin: 10px 15px;
* top은 10px , left/right는 15px , bottom은 0 적용하기
margin: 10px 15px 0;
* top은 10px , left 10px, right는 0 , bottom은 0 적용하기
margin: 10px 0 0 10px;
이와 같이 한번에 정리하여 간편하게 사용 하실 수 있습니다. ^^
물론 Padding 역시도 같은 방법으로 사용 하실 수 있으니 알아 두세요.