CSS Padding

Padding

padding 속성은 내용(content)과 테두리(border) 사이의 간격인 패딩 영역의 크기를 설정합니다. 이러한 패딩 영역은 background-color 속성으로 설정하는 배경색의 영향을 함께 받습니다. CSS를 사용하면 패딩 영역의 크기를 방향별로 따로 설정할 수 있습니다.

  • padding-top: 10px;
  • padding-right: 11px;
  • padding-bottom: 12px;
  • padding-left: 13px;
  • padding: 10px; 위,오른쪽,아래,왼쪽 : 10px /시계방향으로 적용됩니다.
  • padding: 10px 11px; 위,아래:10px 왼쪽,오른쪽:11px
  • padding: 10px 11px 12px; 위:10px 왼쪽,오른쪽:11px 아래:12px/li>
  • padding: 10px 11px 12px 13px; 위:10px 오른쪽:11px 아래:12px 왼쪽:13px
  • 패딩에는 auto값이 없습니다.