CSS padding-bottom 속성

정의와 사용법

padding-bottom 속성은 요소의 하부 내간격（하단 공백）을 설정합니다.

설명

이 속성은 요소의 하부 내간격의 너비를 설정합니다. 행 내 비대체 요소에 설정된 하부 내간격은 행 높이 계산에 영향을 미치지 않으므로, 하나의 요소가 내간격과 배경을 모두 가지고 있다면 시각적으로 다른 행으로 확장될 수 있으며, 다른 내용과 겹칠 수도 있습니다. 부정적인 내간격 값을 지정할 수 없습니다.

비고:부정적인 값을 사용할 수 없습니다.

추가로 참조:

CSS 강의:CSS 내간격

HTML DOM 참조 가이드:paddingBottom 속성

예제

p 요소의 하부 내간격을 설정하십시오:

p
  {
  padding-bottom:2cm;
  }

직접 시도해보세요

（페이지 하단에서 더 많은 예제를 찾을 수 있습니다）

CSS 문법

padding-bottom: length|initial|inherit;

속성 값

값 설명
length 정확한 단위로 계산된 고정된 하부 내간격 값을 정의합니다. 예를 들어, 픽셀, 센티미터 등입니다. 기본 값은 0px입니다.
% 부모 요소의 너비 기반으로 퍼센트 비율을 사용하여 하부 내간격을 정의합니다. 이 값은 모든 브라우저에서 예상대로 작동하지 않을 수 있습니다.
inherit 부모 요소에서 상속해야 하는 하부 내간격을 정의합니다.

기술 세부 사항

기본 값: 0
상속성: no
버전: CSS1
JavaScript 문법: object.style.paddingBottom="10px"

TIY 예제

하부 내간격 설정 1
이 예제에서는 세미콤마 단위를 사용하여 셀의 하부 내간격을 설정하는 방법을 보여줍니다.
하부 내간격 설정 2
이 예제에서는 퍼센트 비율을 사용하여 셀의 하부 내간격을 설정하는 방법을 보여줍니다.

브라우저 지원

표에 나타난 숫자는 이 속성을 최초로 지원하는 브라우저 버전을 명시합니다.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5