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

	Script	object.style.marginTop=[sVal]
	HTML	<ELEMENT style="margin-top:sVal;">
	CSS	cssSelector {margin-top:sVal;}

인수

cssSelector : (스타일 선택자)

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

sVal : (속성 문자열)

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

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 CSS 규격	IE 버전
a	a.style.marginTop[=sVal]	cssSelector{margin-top:sVal}	IE3.02(win16,win32,mac),IE4.0(ce,unix)
acronym	acronym.style.marginTop[=sVal]	cssSelector{margin-top:sVal}	IE4.0(win16,win32,ce,unix,mac)
b	b.style.marginTop[=sVal]	cssSelector{margin-top:sVal}	IE3.02(win16,win32,mac),IE4.0(ce,unix)
bdo	bdo.style.marginTop[=sVal]	cssSelector{margin-top:sVal}	IE5(win16,ce,win32,unix,mac)
big	big.style.marginTop[=sVal]	cssSelector{margin-top:sVal}	IE3.02(win16,win32,mac),IE4.0(ce,unix)
blockQuote	blockQuote.style.marginTop[=sVal]	cssSelector{margin-top:sVal}	IE3.02(win16,win32,mac),IE4.0(ce,unix)
body	body.style.marginTop[=sVal]	cssSelector{margin-top:sVal}	IE3.02(win16,win32,mac),IE4.0(ce,unix)
button	button.style.marginTop[=sVal]	cssSelector{margin-top:sVal}	IE4.0(win16,win32,ce,unix,mac)
caption	caption.style.marginTop[=sVal]	cssSelector{margin-top:sVal}	IE3.02(win16,win32,mac),IE4.0(ce,unix)
center	center.style.marginTop[=sVal]	cssSelector{margin-top:sVal}	IE3.02(win16,win32,mac),IE4.0(ce,unix)
cite	cite.style.marginTop[=sVal]	cssSelector{margin-top:sVal}	IE3.02(win16,win32,mac),IE4.0(ce,unix)
code	code.style.marginTop[=sVal]	cssSelector{margin-top:sVal}	IE3.02(win16,win32,mac),IE4.0(ce,unix)
currentStyle	[sVal=]objectcurrentStyle.marginTop	cssSelector{margin-top:sVal}	IE5(win16,ce,win32,unix,mac)
custom	custom.style.marginTop[=sVal]	cssSelector{margin-top:sVal}	IE5(win32,unix)
dd	dd.style.marginTop[=sVal]	cssSelector{margin-top:sVal}	IE3.02(win16,win32,mac),IE4.0(ce,unix)
publicDefaults	publicDefaults.style.marginTop[=sVal]	cssSelector{margin-top:sVal}	IE5.5(win32)
del	del.style.marginTop[=sVal]	cssSelector{margin-top:sVal}	IE4.0(win16,win32,ce,unix,mac)
dfn	dfn.style.marginTop[=sVal]	cssSelector{margin-top:sVal}	IE3.02(win16,win32,mac),IE4.0(ce,unix)
dir	dir.style.marginTop[=sVal]	cssSelector{margin-top:sVal}	IE3.02(win16,win32,mac),IE4.0(ce,unix)
div	div.style.marginTop[=sVal]	cssSelector{margin-top:sVal}	IE3.02(win16,win32,mac),IE4.0(ce,unix)
dl	dl.style.marginTop[=sVal]	cssSelector{margin-top:sVal}	IE3.02(win16,win32,mac),IE4.0(ce,unix)
dt	dt.style.marginTop[=sVal]	cssSelector{margin-top:sVal}	IE3.02(win16,win32,mac),IE4.0(ce,unix)
em	em.style.marginTop[=sVal]	cssSelector{margin-top:sVal}	IE3.02(win16,win32,mac),IE4.0(ce,unix)
embed	embed.style.marginTop[=sVal]	cssSelector{margin-top:sVal}	IE4.0(win16,win32,ce,unix,mac)
fieldSet	fieldSet.style.marginTop[=sVal]	cssSelector{margin-top:sVal}	IE4.0(win16,win32,ce,unix,mac)
font	font.style.marginTop[=sVal]	cssSelector{margin-top:sVal}	IE3.02(win16,win32,mac),IE4.0(ce,unix)
form	form.style.marginTop[=sVal]	cssSelector{margin-top:sVal}	IE3.02(win16,win32,mac),IE4.0(ce,unix)
hn	hn.style.marginTop[=sVal]	cssSelector{margin-top:sVal}	IE3.02(win16,win32,mac),IE4.0(ce,unix)
hr	hr.style.marginTop[=sVal]	cssSelector{margin-top:sVal}	IE3.02(win16,win32,mac),IE4.0(ce,unix)
i	i.style.marginTop[=sVal]	cssSelector{margin-top:sVal}	IE3.02(win16,win32,mac),IE4.0(ce,unix)
iFrame	iFrame.style.marginTop[=sVal]	cssSelector{margin-top:sVal}	IE4.0(win16,win32,ce,unix,mac)
img	img.style.marginTop[=sVal]	cssSelector{margin-top:sVal}	IE4.0(win16,win32,ce,unix,mac)
button	button.style.marginTop[=sVal]	cssSelector{margin-top:sVal}	IE3.02(win16,win32,mac),IE4.0(ce,unix)
checkbox	checkbox.style.marginTop[=sVal]	cssSelector{margin-top:sVal}	IE3.02(win16,win32,mac),IE4.0(ce,unix)
FileUpload	FileUpload.style.marginTop[=sVal]	cssSelector{margin-top:sVal}	IE3.02(win16,win32,mac),IE4.0(ce,unix)
image	image.style.marginTop[=sVal]	cssSelector{margin-top:sVal}	IE3.02(win16,win32,mac),IE4.0(ce,unix)
password	password.style.marginTop[=sVal]	cssSelector{margin-top:sVal}	IE3.02(win16,win32,mac),IE4.0(ce,unix)
radio	radio.style.marginTop[=sVal]	cssSelector{margin-top:sVal}	IE3.02(win16,win32,mac),IE4.0(ce,unix)
reset	reset.style.marginTop[=sVal]	cssSelector{margin-top:sVal}	IE3.02(win16,win32,mac),IE4.0(ce,unix)
submit	submit.style.marginTop[=sVal]	cssSelector{margin-top:sVal}	IE3.02(win16,win32,mac),IE4.0(ce,unix)
text	text.style.marginTop[=sVal]	cssSelector{margin-top:sVal}	IE3.02(win16,win32,mac),IE4.0(ce,unix)
ins	ins.style.marginTop[=sVal]	cssSelector{margin-top:sVal}	IE4.0(win16,win32,ce,unix,mac)
isIndex	isIndex.style.marginTop[=sVal]	cssSelector{margin-top:sVal}	IE3.02(win16,win32,mac),IE4.0(ce,unix)
kbd	kbd.style.marginTop[=sVal]	cssSelector{margin-top:sVal}	IE3.02(win16,win32,mac),IE4.0(ce,unix)
label	label.style.marginTop[=sVal]	cssSelector{margin-top:sVal}	IE4.0(win16,win32,ce,unix,mac)
li	li.style.marginTop[=sVal]	cssSelector{margin-top:sVal}	IE3.02(win16,win32,mac),IE4.0(ce,unix)
listing	listing.style.marginTop[=sVal]	cssSelector{margin-top:sVal}	IE3.02(win16,win32,mac),IE4.0(ce,unix)
marquee	marquee.style.marginTop[=sVal]	cssSelector{margin-top:sVal}	IE3.02(win16,win32,mac),IE4.0(ce,unix)
menu	menu.style.marginTop[=sVal]	cssSelector{margin-top:sVal}	IE3.02(win16,win32,mac),IE4.0(ce,unix)
noBR	noBR.style.marginTop[=sVal]	cssSelector{margin-top:sVal}	IE4.0(win16,win32,ce,unix,mac)
Object	Object.style.marginTop[=sVal]	cssSelector{margin-top:sVal}	IE4.0(win16,win32,ce,unix,mac)
ol	ol.style.marginTop[=sVal]	cssSelector{margin-top:sVal}	IE3.02(win16,win32,mac),IE4.0(ce,unix)
p	p.style.marginTop[=sVal]	cssSelector{margin-top:sVal}	IE3.02(win16,win32,mac),IE4.0(ce,unix)
plainText	plainText.style.marginTop[=sVal]	cssSelector{margin-top:sVal}	IE3.02(win16,win32,mac),IE4.0(ce,unix)
pre	pre.style.marginTop[=sVal]	cssSelector{margin-top:sVal}	IE3.02(win16,win32,mac),IE4.0(ce,unix)
q	q.style.marginTop[=sVal]	cssSelector{margin-top:sVal}	IE4.0(win16,win32,ce,unix,mac)
runtimeStyle	objectruntimeStyle.marginTop[=sVal]	cssSelector{margin-top:sVal}	IE5(win16,ce,win32,unix,mac)
s	s.style.marginTop[=sVal]	cssSelector{margin-top:sVal}	IE3.02(win16,win32,mac),IE4.0(ce,unix)
samp	samp.style.marginTop[=sVal]	cssSelector{margin-top:sVal}	IE3.02(win16,win32,mac),IE4.0(ce,unix)
small	small.style.marginTop[=sVal]	cssSelector{margin-top:sVal}	IE4.0(win16,win32,ce,unix,mac)
span	span.style.marginTop[=sVal]	cssSelector{margin-top:sVal}	IE4.0(win16,win32,ce,unix,mac)
strike	strike.style.marginTop[=sVal]	cssSelector{margin-top:sVal}	IE3.02(win16,win32,mac),IE4.0(ce,unix)
strong	strong.style.marginTop[=sVal]	cssSelector{margin-top:sVal}	IE3.02(win16,win32,mac),IE4.0(ce,unix)
style	style.style.marginTop[=sVal]	cssSelector{margin-top:sVal}	IE4.0(win16,win32,ce,unix,mac)
sub	sub.style.marginTop[=sVal]	cssSelector{margin-top:sVal}	IE3.02(win16,win32,mac),IE4.0(ce,unix)
sup	sup.style.marginTop[=sVal]	cssSelector{margin-top:sVal}	IE3.02(win16,win32,mac),IE4.0(ce,unix)
table	table.style.marginTop[=sVal]	cssSelector{margin-top:sVal}	IE3.02(win16,win32,mac),IE4.0(ce,unix)
td	td.style.marginTop[=sVal]	cssSelector{margin-top:sVal}	IE4.0(win16,win32,ce,unix,mac)
textArea	textArea.style.marginTop[=sVal]	cssSelector{margin-top:sVal}	IE4.0(win16,win32,ce,unix,mac)
th	th.style.marginTop[=sVal]	cssSelector{margin-top:sVal}	IE4.0(win16,win32,ce,unix,mac)
tt	tt.style.marginTop[=sVal]	cssSelector{margin-top:sVal}	IE3.02(win16,win32,mac),IE4.0(ce,unix)
u	u.style.marginTop[=sVal]	cssSelector{margin-top:sVal}	IE3.02(win16,win32,mac),IE4.0(ce,unix)
ul	ul.style.marginTop[=sVal]	cssSelector{margin-top:sVal}	IE3.02(win16,win32,mac),IE4.0(ce,unix)
var	var.style.marginTop[=sVal]	cssSelector{margin-top:sVal}	IE3.02(win16,win32,mac),IE4.0(ce,unix)
xmp	xmp.style.marginTop[=sVal]	cssSelector{margin-top:sVal}	IE3.02(win16,win32,mac),IE4.0(ce,unix)

참조

CSS 길이단위 margin marginTop marginBottom marginLeft marginRight

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

style ⇒

marginTop 스타일속성⇒

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>

style ⇒

marginTop 스타일속성

⇒

최종 수정: 05/10/2025 02:50:02

All right reserved

비정상적인 방식으로 프레임없이 페이지에 접속하면 자주 오류가 발생됩니다. 오류가 나면 정상적 접속으로 시도해 보세요.

http://koxo.com/lang/js/style/marginTop.html