티스토리 뷰

CSS

패딩(padding)

남하준 2022. 1. 24. 20:01

paddin이란?

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

패딩(padding) 속성

CSS에서는 HTML 요소의 패딩 영역을 설정하기 위해 다음과 같은 속성을 제공합니다.

  • padding-top
  • padding-right
  • padding-bottom
  • padding-left

CSS padding 속성

속성 설명
padding 모든 padding 속성을 이용한 스타일을 한 줄에 설정할 수 있음.
padding-top 윗쪽의 패딩(padding) 값을 설정함
padding-right 오른쪽의 패딩(padding) 값을 설정함..
padding-bottom 아래쪽의 패딩(padding) 값을 설정함.
padding-left 왼쪽의 패딩(padding) 값을 설정함.

'CSS' 카테고리의 다른 글

POSITION  (0) 2022.02.03
display  (0) 2022.01.27
border  (0) 2022.01.27
SEO  (0) 2022.01.26
CSS 단위  (3) 2022.01.20
댓글
© 2018 webstoryboy