padding-bottom 속성

padding-bottom 속성은 요소의 하단 내부 여백을 설정합니다. 속성 값은 크기 단위 중 하나를 사용합니다.

문법

css선택자 {
  padding-bottom: 값;
}

예시

하단 내부 여백을 30px로 만들어 보겠습니다:

html<div id="elem">
  some long text
</div>
css#elem {
  padding-bottom: 30px;
  width: 300px;
  border: 1px solid black;
  text-align: justify;
}

Результат:

함께 보기

  • 속성 padding-top,
    상단 내부 여백을 설정함
  • 속성 padding-left,
    왼쪽 내부 여백을 설정함
  • 속성 padding-right,
    오른쪽 내부 여백을 설정함
  • 속성 padding,
    내부 여백을 위한 단축 속성
  • 속성 margin,
    외부 여백을 설정함