코드랩 레퍼런스

padding 본문

CSS

padding

webstoryboy 2016. 6. 24. 13:48
padding 속성은 요소의 안쪽 여백을 설정합니다.

Summary

특징 설명
기본 값 0
상속 안됨
애니메이션 가능
버전 CSS1

Definition

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

Syntax

padding : padding-top | padding-right | padding-bottom | padding-left | inherit ;
/* 위쪽, 오른쪽, 아래쪽, 왼쪽을 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 단위로 설정합니다.
% 요소의 안쪽 여백을 %로 설정합니다.
inherit padding의 속성 값을 상위요소한테 상속받습니다.

Compatibility

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

Sample

padding









Ad

Comments