CSS 참조 가이드

CSS @규칙(RULES)

padding CSS 속성은 요소의 모든 네 가지 측면에 채우기를 설정할 수 있습니다. 그것은padding-top，padding-right，padding-bottom와padding-left속성의 줄임말 속성.

이 표는 해당 속성의 사용 설명과 버전 기록, 그리고 JavaScript 스크립트에서의 사용 문법을 포함하고 있습니다.

기본 값:	0
적용 대상:	모든 요소, 제외하고<tbody>，<thead>，<tfoot>，<tr>，<colgroup>와<col>。그것은 다음에도 적용됩니다::first-letter。
thừa kế:	아니요
애니메이션 가능:	네.참조: 애니메이션 속성。
버전:	CSS 1，2，3
JavaScript 문법:	object.style.padding="20px 15px"

이 속성의 문법은 다음과 같습니다:

padding:　[　length　|　percentage]　1　to　4　values　|　initial　|　inherit

아래 예제는 padding 속성을 사용하는 방법을 보여줍니다.

예제

　　p.one　{
　　　padding:　20px;
　　}
　　p.two　{
　　　padding:　35px　15px;
　　}

이 단축 기호는 하나, 두 개, 세 개 또는 네 개의 공백으로 구분된 값을 사용할 수 있습니다.

아래 표는 이 속성의 값을 설명합니다。

값	설명
padding-top	패딩을 요소의 위쪽에 설정합니다.
padding-right	패딩을 요소의 오른쪽에 설정합니다.
padding-bottom	패딩을 요소의 아래쪽에 설정합니다.
padding-left	패딩을 요소의 왼쪽에 설정합니다.
initial	이 속성을 기본 값으로 설정합니다.
inherit	지정된 경우, 관련 요소는 부모 요소의 padding 속성 값을 사용합니다.

padding 속성의 브라우저 호환성, 아래 표의 숫자는 이 속성을 지원하는 브라우저의 최소 버전 번호를 나타냅니다; 모든 주요 브라우저는 이 속성을 지원합니다。

	파이어폭스 1+ Google 크롬1+ 인터넷 익스플로러 4+ Apple 사파리 1+ 오페라 4+

다음 튜토리얼을 참조하세요:CSS 패딩，CSS Box 모델。