padding

padding

padding 속성은 대상의 내부 여백을 설정할 때 사용한다.

부여할 수 있는 크기와 관련된 정보는 다음 문서를 참고한다.

크기(size)

• padding을 1개 부여할 경우 top, bottom, left, right에 적용된다.

• padding을 2개 부여할 경우 top, bottom / left, right에 적용된다.

• padding을 3개 부여할 경우 top / left, right / bottom에 적용된다.

• padding을 4개 부여할 경우 top / right / bottom / left 에 적용된다.

• padding을 다음 키워드로 방향 별로 부여할 수 있다.

  • padding-top

  • padding-bottom

  • padding-left

  • padding-right

주의사항

padding의 경우 box-sizing 설정에 따라 크기에 반영이 될 수도, 안 될 수도 있다.