개체와 개체의 마진이나, 테두리가 있으면 개체와 개체의 테두리(border) 사이의 공간 거리를 반환하거나 설정한다.

인수

cssSelector : (스타일 선택자)

속성을 가질수 있는 엘레멘트()나 클라스(class) 이름 혹은 인식자(id)이다.

: (속성 문자열)

스타일 속성은 개체의 왼쪽 테두리(border)와 내용 사이의 공간 거리를 나타내는 문자열이다.

(길이)	부동소수점수치 다음에 cm, mm, in, pt, pc나 px 등 길이 단위가 따르는 절대 길이, 혹은 em or ex 등의 단위가 따르는 상대 길이이다. CSS 길이단위를 참조하라.
(백분율)	정수값에 백분율 기호(%)를 붙인 것이다. 이 값은 모체 너비에 대한 백분율이다.

이 속성은 currentStyle에서는 읽기전용이고, 그외의 개체에서는 읽기/쓰기이며, 디폴트값은 TD와 TH 개체에서 1이고, 그외의 개체에서는 모두 0이다.

CSS(Cascading Style Sheets) 애트리뷰트는 상속되지 않는다.

특기

이 속성은 네가지 값을 한번에 설정하거나 반환할 수 있는 복합 축약 속성이다.
네가지 속성의 순서는 top, right, botttom, left이다.

• 한 값만 설정되면 동일한 값이 네 변에 적용된다.
• 두 값이 설정되면 처음값은 위와 아래 적용되고, 두번째 값은 우측과 좌측에 동일하게 적용된다.
• 세 값이 설정되면 각각 top, right/left, botttom에 적용된다.
• 네 값이 설정되면 시계방향으로 각각 속성에 적용된다.

IE5.5에서 이 속성은 인라인 엘레멘트에 적용된다. 이전 버전에서는 인라인 엘레멘트는 position 속성값이 absolute이거나 이 속성을 이용하여 배치되어야 한다. height나 width 속성의 설정된 값에 의하여 엘레멘트의 배치가 결정된다.

음수값은 허용되지 않는다.

적용

개체	script	CSS	IE 버전

참조

padding paddingTop paddingBottom paddingLeft paddingRight

이 속성은 CSS1(Cascading Style Sheets, Level 1)에서 정의되었다.

<STYLE>.but{width:60}</STYLE>
<SCRIPT>function doShow(){showA.innerHTML=divObj.style.padding}</SCRIPT>
<DIV id=divObj style="width:480;border:solid 1 blue;background-color:aqua;padding:10">DIV 문단의 내용 텍스트</DIV>
<BUTTON onclick="divObj.style.padding='0';doShow()" class=but>0</BUTTON>
<BUTTON onclick="divObj.style.padding='5';doShow()" class=but>5</BUTTON>
<BUTTON onclick="divObj.style.padding='10';doShow()" class=but>10</BUTTON>
<BUTTON onclick="divObj.style.padding='10pt';doShow()" class=but>10pt</BUTTON>
<BUTTON onclick="divObj.style.padding='1mm';doShow()" class=but>1mm</BUTTON>
<BUTTON onclick="divObj.style.padding='1cm';doShow()" class=but>1cm</BUTTON>
<BUTTON onclick="divObj.style.padding='1em';doShow()" class=but>1em</BUTTON>
<BUTTON onclick="divObj.style.padding='2.5em';doShow()" class=but>2.5em</BUTTON>
<DIV>divObj.style.padding=<SPAN id=showA>10px</SPAN></DIV>