[CSS] padding

padding은 내용과 테두리 사이의 간격을 늘리거나 줄이는 데 사용됩니다.

 

각 측면마다 다른 padding 값을 지정하려면 padding-top, padding-right, padding-bottom, padding-left를 사용합니다.

특정 값을 가진 측면만을 표시하려면 다음과 같이 표시할 수 있습니다.

 

padding: top-value right-value bottom-value left-value;

 

예를 들어, padding: 10px 5px 15px 20px;는 위, 오른쪽, 아래, 왼쪽의 순서로 사용됩니다. 따라서 상단에는 10px, 오른쪽에는 5px, 하단에는 15px, 왼쪽에는 20px의 공백이 추가됩니다.

 

padding: 10px 0px;

 

padding-top과 padding-bottom을 10px로, padding-right와 padding-left를 0px로 설정