CSS padding

padding

padding 속성은 요소의 안쪽 여백을 설정합니다.

문법

padding: length ㅣ % ㅣ auto

정의

  • padding-top 속성은 요소의 위쪽 안쪽 여백을 설정
  • padding-right 속성은 요소의 오른쪽 안쪽 여백을 설정
  • padding-bottom 속성은 요소의 아래쪽 안쪽 여백을 설정
  • padding-left 속성은 요소의 왼쪽 안쪽 여백을 설정
  • 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
  • padding : 10px 11px 12px 13px : 위 10px ㅣ 오른쪽 11pxㅣ 아래 12px ㅣ 왼쪽 13px
  • padding : auto : 자동값, 기본값
  • padding : 0 auto : 가운데 정렬(블록구조)