티스토리 뷰

CSS

[CSS] padding

padding

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


padding

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

정의(Definition)

  • padding 속성은 요소의 안쪽 여백을 설정합니다.
  • padding-left 속성은 요소의 왼쪽 여백을 설정합니다.
  • padding-right 속성은 요소의 오른쪽 여백을 설정합니다.
  • padding-top 속성은 요소의 위쪽 여백을 설정합니다.
  • padding-bottom 속성은 요소의 아래쪽 여백을 설정합니다.

문법(Syntax)

padding : padding-top | padding-right | padding-bottom | padding-left

/* 위쪽, 오른쪽, 아래쪽, 왼쪽을 10px로 설정한 경우 */
padding : 10px;

/* 위쪽/아래쪽(10px), 왼쪽/오른쪽(20px)를 설정한 경우 */
padding : 10px 20px;

/* 위쪽(10px), 왼쪽/오른쪽(20px), 아래쪽(30px)로 설정한 경우 */
padding : 10px 20px 30px;

/* 위쪽(10px), 오른쪽(20px), 아래쪽(30px), 왼쪽(40px) 설정한 경우 */
padding : 10px 20px 30px 40px;

속성(Property)

속성값 설명
length 요소의 안쪽 여백을 CSS 단위로 설정합니다.
% 요소의 안쪽 여백을 %로 설정합니다.

호환성(Compatibility) 더보기

크롬 아이콘 파이어폭스 아이콘 사파리 아이콘 오페라 아이콘 네이버 웨일 익스플로러6 아이콘6 익스플로러7 아이콘7 익스플로러8 아이콘8 익스플로러9 아이콘9 익스플로러10 아이콘10 익스플로러11 아이콘11 엣지 아이콘 안드로이드 아이콘 ios 아이콘
padding 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능
padding-top 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능
padding-right 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능
padding-bottom 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능
padding-left 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능

공유하기(Share) 더보기

  • 네이버 블러그 공유하기
  • 페이스북 공유하기
  • 트위터 공유하기
  • 트위터 공유하기
  • 트위터 공유하기

공감하기(Like) 더보기

태그(Tag) 더보기

질문하기(Questions)
댓글쓰기 폼