[CSS] padding 축약 설정

padding 축약 속성은 1~4개의 값을 가질 수 있다.

1개 값: 모든 방향의 패딩이 동일합니다.

padding: 20px;
/* padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; */

2개 값: 첫 번째 값은 상하 패딩, 두 번째 값은 좌우 패딩입니다.

padding: 20px 10px;
/* padding-top: 20px; padding-right: 10px; padding-bottom: 20px; padding-left: 10px; */

3개 값: 첫 번째 값은 상단 패딩, 두 번째 값은 좌우 패딩, 세 번째 값은 하단 패딩입니다.

padding: 20px 10px 30px;
/* padding-top: 20px; padding-right: 10px; padding-bottom: 30px; padding-left: 10px; */

4개 값: 각 값은 시계 방향으로 상단, 우측, 하단, 좌측 패딩을 의미합니다.

padding: 20px 10px 30px 40px;
/* padding-top: 20px; padding-right: 10px; padding-bottom: 30px; padding-left: 40px; */