개체의 위쪽 마진의 높이를 반환하거나 설정한다.

인수

cssSelector : (스타일 선택자)

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

: (속성 문자열)

스타일 속성은 개체의 위쪽 마진의 높이를 나타내는 문자열이다.

auto	디폴트이며, 위쪽 마진이 아래쪽 마진과 같게 설정된다.
(높이)	부동소수점수치 다음에 cm, mm, in, pt, pc나 px 등 길이 단위가 따르는 절대 길이, 혹은 em or ex 등의 단위가 따르는 상대 길이이다. CSS 길이단위를 참조하라.
(백분율)	정수값에 백분율 기호(%)를 붙인 것이다. 이 값은 모체의 높이에 대한 상대적인 백분율값이다t.

이 속성은 currentStyle에서는 읽기전용이고, 그외의 개체에서는 읽기/쓰기이며, 디폴트값은 auto이다.

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

특기

IE4.0에서, 글꼴의 높이에 상대적인 길이값 em, 혹은 'x' 글자 높이에 상대적인 길이값 ex을 지정할 수 있다.

IE3.0에서, 지정된 마진갓이 개체의 디폴트값에 더해졌었다. IE4.0 이후 마진값은 절대값이다. IE4.0에서 마진 속성은 td와 tr 개체에서는 작용하지 않지만 IE3.0에서는 작동했었다. IE4.0 이후에서 개체에 적용하려면 td 개체 속에서 div이나 p등 개체에 margin을 적용하면 된다.

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

인라인 엘레멘트에서 top과 bottom 값은 주위 인라인 엘레멘트의 테두리(border) 지역을 계산에 사용된다. 이 값은 라인의 높이에 참여하지 않는다.

인라인 개체의 위쪽과 아래쪽 마진을 제외하고는 음수 마진이 지원된다.

적용

개체	script	CSS	IE 버전

참조

CSS 길이단위 margin marginTop marginBottom marginLeft marginRight

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

imgObj.style.marginTop=결과 표시창

노란색 부분이 margin-Top 지역이다. 이미지 위에 마우스를 올려보라.

<DIV style="border:solid 1 blue;background-color:ffa;width:1;height:100">
<IMG id="imgObj" src="../../gif/flower.jpg" width="300" style="margin-Top:10"
  onmouseover="this.style.marginTop='30';showA.innerHTML=imgObj.style.marginTop"
  onmouseout="this.style.marginTop='10';showA.innerHTML=imgObj.style.marginTop">
</DIV>
<DIV>imgObj.style.marginTop=<SPAN id=showA style="color:blue">결과 표시창</SPAN></DIV>