[CSS] padding

padding

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

---

padding

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

특징	설명
기본 값	padding-top : 0 padding-right : 0 padding-bottom : 0 padding-left : 0
버전	CSS1

정의(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	7	8	9	10	11
padding	사용가능	사용가능	사용가능	사용가능	사용가능	사용가능	사용가능	사용가능	사용가능	사용가능	사용가능	사용가능	사용가능	사용가능
padding-top	사용가능	사용가능	사용가능	사용가능	사용가능	사용가능	사용가능	사용가능	사용가능	사용가능	사용가능	사용가능	사용가능	사용가능
padding-right	사용가능	사용가능	사용가능	사용가능	사용가능	사용가능	사용가능	사용가능	사용가능	사용가능	사용가능	사용가능	사용가능	사용가능
padding-bottom	사용가능	사용가능	사용가능	사용가능	사용가능	사용가능	사용가능	사용가능	사용가능	사용가능	사용가능	사용가능	사용가능	사용가능
padding-left	사용가능	사용가능	사용가능	사용가능	사용가능	사용가능	사용가능	사용가능	사용가능	사용가능	사용가능	사용가능	사용가능	사용가능

---