CSS padding 속성

- 객체의 내용과 테두리(Border) 사이의 거리를 지정하는 속성

1. 모든 방향의 padding 지정, 하기 두 스타일은 같은 내용임

    { padding : 20px 30px 40px 50px; }

    { padding-top:20px; padding-right:30px; padding-bottom:40px; padding-left:50px; }

2. padding 값이 하나만 설정된 경우

    { padding : 20px; }

    : top, right, bottom, left 모든 padding값이 20px 로 설정됨

3. padding 값을 두개만 설정된 경우

    { padding : 20px 40px; }

    : top 과 right 만 지정되어 있으며, 생략된 bottom은 마주보는 top의 값을 가지며, left 역시 right 값을 가진다

4. padding  값을 세개만 설정된 경우

    { padding : 20px 30px 40px; }

    : 생략된 left 값은 마주보는 right 값을 가지므로 30px 이다