padding-top 속성

padding-top 속성은 요소의 상단 안쪽 여백을 설정합니다. 속성 값으로는 크기 단위를 사용합니다.

구문

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

예제

상단 안쪽 여백을 30px로 만들어 보겠습니다:

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

Результат:

함께 보기

  • 하단 안쪽 여백을 지정하는 속성 padding-bottom
  • 왼쪽 안쪽 여백을 지정하는 속성 padding-left
  • 오른쪽 안쪽 여백을 지정하는 속성 padding-right
  • 안쪽 여백을 위한 단축 속성 padding
  • 바깥 여백을 지정하는 속성 margin