개체의 왼쪽 마진의 너비를 반환하거나 설정한다.
| Script | object.style.marginLeft=[sVal] |
| HTML | <ELEMENT style="margin-left:sVal;"> | |
| CSS | cssSelector {margin-left:sVal;} |
| auto | 디폴트이며, 왼쪽 마진이 오른쪽 마진과 같게 설정된다. |
| (너비) | 부동소수점수치 다음에 cm, mm, in, pt, pc나 px 등 길이 단위가 따르는 절대 길이, 혹은 em or ex 등의 단위가 따르는 상대 길이이다. CSS 길이단위를 참조하라. |
| (백분율) | 정수값에 백분율 기호(%)를 붙인 것이다. 이 값은 모체 너비에 대한 백분율이다. |
이 속성은 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 속성의 설정된 값에 의하여 엘레멘트의 배치가 결정된다.
인라인 개체의 위쪽과 아래쪽 마진을 제외하고는 음수 마진이 지원된다.
| 개체 | script | CSS | IE 버전 |
|---|---|---|---|
| a | a.style.marginLeft[=sVal] | cssSelector{margin-left:sVal} | IE3.02(win16,win32,mac),IE4.0(ce,unix) |
| acronym | acronym.style.marginLeft[=sVal] | cssSelector{margin-left:sVal} | IE4.0(win16,win32,ce,unix,mac) |
| b | b.style.marginLeft[=sVal] | cssSelector{margin-left:sVal} | IE3.02(win16,win32,mac),IE4.0(ce,unix) |
| bdo | bdo.style.marginLeft[=sVal] | cssSelector{margin-left:sVal} | IE5(win16,ce,win32,unix,mac) |
| big | big.style.marginLeft[=sVal] | cssSelector{margin-left:sVal} | IE3.02(win16,win32,mac),IE4.0(ce,unix) |
| blockQuote | blockQuote.style.marginLeft[=sVal] | cssSelector{margin-left:sVal} | IE3.02(win16,win32,mac),IE4.0(ce,unix) |
| body | body.style.marginLeft[=sVal] | cssSelector{margin-left:sVal} | IE3.02(win16,win32,mac),IE4.0(ce,unix) |
| button | button.style.marginLeft[=sVal] | cssSelector{margin-left:sVal} | IE4.0(win16,win32,ce,unix,mac) |
| caption | caption.style.marginLeft[=sVal] | cssSelector{margin-left:sVal} | IE3.02(win16,win32,mac),IE4.0(ce,unix) |
| center | center.style.marginLeft[=sVal] | cssSelector{margin-left:sVal} | IE3.02(win16,win32,mac),IE4.0(ce,unix) |
| cite | cite.style.marginLeft[=sVal] | cssSelector{margin-left:sVal} | IE3.02(win16,win32,mac),IE4.0(ce,unix) |
| code | code.style.marginLeft[=sVal] | cssSelector{margin-left:sVal} | IE3.02(win16,win32,mac),IE4.0(ce,unix) |
| currentStyle | [sVal=]objectcurrentStyle.marginLeft | cssSelector{margin-left:sVal} | IE5(win16,ce,win32,unix,mac) |
| custom | custom.style.marginLeft[=sVal] | cssSelector{margin-left:sVal} | IE5(win32,unix) |
| dd | dd.style.marginLeft[=sVal] | cssSelector{margin-left:sVal} | IE3.02(win16,win32,mac),IE4.0(ce,unix) |
| publicDefaults | publicDefaults.style.marginLeft[=sVal] | cssSelector{margin-left:sVal} | IE5.5(win32) |
| del | del.style.marginLeft[=sVal] | cssSelector{margin-left:sVal} | IE4.0(win16,win32,ce,unix,mac) |
| dfn | dfn.style.marginLeft[=sVal] | cssSelector{margin-left:sVal} | IE3.02(win16,win32,mac),IE4.0(ce,unix) |
| dir | dir.style.marginLeft[=sVal] | cssSelector{margin-left:sVal} | IE3.02(win16,win32,mac),IE4.0(ce,unix) |
| div | div.style.marginLeft[=sVal] | cssSelector{margin-left:sVal} | IE3.02(win16,win32,mac),IE4.0(ce,unix) |
| dl | dl.style.marginLeft[=sVal] | cssSelector{margin-left:sVal} | IE3.02(win16,win32,mac),IE4.0(ce,unix) |
| dt | dt.style.marginLeft[=sVal] | cssSelector{margin-left:sVal} | IE3.02(win16,win32,mac),IE4.0(ce,unix) |
| em | em.style.marginLeft[=sVal] | cssSelector{margin-left:sVal} | IE3.02(win16,win32,mac),IE4.0(ce,unix) |
| embed | embed.style.marginLeft[=sVal] | cssSelector{margin-left:sVal} | IE4.0(win16,win32,ce,unix,mac) |
| fieldSet | fieldSet.style.marginLeft[=sVal] | cssSelector{margin-left:sVal} | IE4.0(win16,win32,ce,unix,mac) |
| font | font.style.marginLeft[=sVal] | cssSelector{margin-left:sVal} | IE3.02(win16,win32,mac),IE4.0(ce,unix) |
| form | form.style.marginLeft[=sVal] | cssSelector{margin-left:sVal} | IE3.02(win16,win32,mac),IE4.0(ce,unix) |
| hn | hn.style.marginLeft[=sVal] | cssSelector{margin-left:sVal} | IE3.02(win16,win32,mac),IE4.0(ce,unix) |
| hr | hr.style.marginLeft[=sVal] | cssSelector{margin-left:sVal} | IE3.02(win16,win32,mac),IE4.0(ce,unix) |
| i | i.style.marginLeft[=sVal] | cssSelector{margin-left:sVal} | IE3.02(win16,win32,mac),IE4.0(ce,unix) |
| iFrame | iFrame.style.marginLeft[=sVal] | cssSelector{margin-left:sVal} | IE4.0(win16,win32,ce,unix,mac) |
| img | img.style.marginLeft[=sVal] | cssSelector{margin-left:sVal} | IE4.0(win16,win32,ce,unix,mac) |
| button | button.style.marginLeft[=sVal] | cssSelector{margin-left:sVal} | IE3.02(win16,win32,mac),IE4.0(ce,unix) |
| checkbox | checkbox.style.marginLeft[=sVal] | cssSelector{margin-left:sVal} | IE3.02(win16,win32,mac),IE4.0(ce,unix) |
| FileUpload | FileUpload.style.marginLeft[=sVal] | cssSelector{margin-left:sVal} | IE3.02(win16,win32,mac),IE4.0(ce,unix) |
| image | image.style.marginLeft[=sVal] | cssSelector{margin-left:sVal} | IE3.02(win16,win32,mac),IE4.0(ce,unix) |
| password | password.style.marginLeft[=sVal] | cssSelector{margin-left:sVal} | IE3.02(win16,win32,mac),IE4.0(ce,unix) |
| radio | radio.style.marginLeft[=sVal] | cssSelector{margin-left:sVal} | IE3.02(win16,win32,mac),IE4.0(ce,unix) |
| reset | reset.style.marginLeft[=sVal] | cssSelector{margin-left:sVal} | IE3.02(win16,win32,mac),IE4.0(ce,unix) |
| submit | submit.style.marginLeft[=sVal] | cssSelector{margin-left:sVal} | IE3.02(win16,win32,mac),IE4.0(ce,unix) |
| text | text.style.marginLeft[=sVal] | cssSelector{margin-left:sVal} | IE3.02(win16,win32,mac),IE4.0(ce,unix) |
| ins | ins.style.marginLeft[=sVal] | cssSelector{margin-left:sVal} | IE4.0(win16,win32,ce,unix,mac) |
| isIndex | isIndex.style.marginLeft[=sVal] | cssSelector{margin-left:sVal} | IE3.02(win16,win32,mac),IE4.0(ce,unix) |
| kbd | kbd.style.marginLeft[=sVal] | cssSelector{margin-left:sVal} | IE3.02(win16,win32,mac),IE4.0(ce,unix) |
| label | label.style.marginLeft[=sVal] | cssSelector{margin-left:sVal} | IE4.0(win16,win32,ce,unix,mac) |
| li | li.style.marginLeft[=sVal] | cssSelector{margin-left:sVal} | IE3.02(win16,win32,mac),IE4.0(ce,unix) |
| listing | listing.style.marginLeft[=sVal] | cssSelector{margin-left:sVal} | IE3.02(win16,win32,mac),IE4.0(ce,unix) |
| marquee | marquee.style.marginLeft[=sVal] | cssSelector{margin-left:sVal} | IE3.02(win16,win32,mac),IE4.0(ce,unix) |
| menu | menu.style.marginLeft[=sVal] | cssSelector{margin-left:sVal} | IE3.02(win16,win32,mac),IE4.0(ce,unix) |
| noBR | noBR.style.marginLeft[=sVal] | cssSelector{margin-left:sVal} | IE4.0(win16,win32,ce,unix,mac) |
| Object | Object.style.marginLeft[=sVal] | cssSelector{margin-left:sVal} | IE4.0(win16,win32,ce,unix,mac) |
| ol | ol.style.marginLeft[=sVal] | cssSelector{margin-left:sVal} | IE3.02(win16,win32,mac),IE4.0(ce,unix) |
| p | p.style.marginLeft[=sVal] | cssSelector{margin-left:sVal} | IE3.02(win16,win32,mac),IE4.0(ce,unix) |
| plainText | plainText.style.marginLeft[=sVal] | cssSelector{margin-left:sVal} | IE3.02(win16,win32,mac),IE4.0(ce,unix) |
| pre | pre.style.marginLeft[=sVal] | cssSelector{margin-left:sVal} | IE3.02(win16,win32,mac),IE4.0(ce,unix) |
| q | q.style.marginLeft[=sVal] | cssSelector{margin-left:sVal} | IE4.0(win16,win32,ce,unix,mac) |
| runtimeStyle | objectruntimeStyle.marginLeft[=sVal] | cssSelector{margin-left:sVal} | IE5(win16,ce,win32,unix,mac) |
| s | s.style.marginLeft[=sVal] | cssSelector{margin-left:sVal} | IE3.02(win16,win32,mac),IE4.0(ce,unix) |
| samp | samp.style.marginLeft[=sVal] | cssSelector{margin-left:sVal} | IE3.02(win16,win32,mac),IE4.0(ce,unix) |
| small | small.style.marginLeft[=sVal] | cssSelector{margin-left:sVal} | IE4.0(win16,win32,ce,unix,mac) |
| span | span.style.marginLeft[=sVal] | cssSelector{margin-left:sVal} | IE4.0(win16,win32,ce,unix,mac) |
| strike | strike.style.marginLeft[=sVal] | cssSelector{margin-left:sVal} | IE3.02(win16,win32,mac),IE4.0(ce,unix) |
| strong | strong.style.marginLeft[=sVal] | cssSelector{margin-left:sVal} | IE3.02(win16,win32,mac),IE4.0(ce,unix) |
| style | style.style.marginLeft[=sVal] | cssSelector{margin-left:sVal} | IE4.0(win16,win32,ce,unix,mac) |
| sub | sub.style.marginLeft[=sVal] | cssSelector{margin-left:sVal} | IE3.02(win16,win32,mac),IE4.0(ce,unix) |
| sup | sup.style.marginLeft[=sVal] | cssSelector{margin-left:sVal} | IE3.02(win16,win32,mac),IE4.0(ce,unix) |
| table | table.style.marginLeft[=sVal] | cssSelector{margin-left:sVal} | IE3.02(win16,win32,mac),IE4.0(ce,unix) |
| td | td.style.marginLeft[=sVal] | cssSelector{margin-left:sVal} | IE4.0(win16,win32,ce,unix,mac) |
| textArea | textArea.style.marginLeft[=sVal] | cssSelector{margin-left:sVal} | IE4.0(win16,win32,ce,unix,mac) |
| th | th.style.marginLeft[=sVal] | cssSelector{margin-left:sVal} | IE4.0(win16,win32,ce,unix,mac) |
| tt | tt.style.marginLeft[=sVal] | cssSelector{margin-left:sVal} | IE3.02(win16,win32,mac),IE4.0(ce,unix) |
| u | u.style.marginLeft[=sVal] | cssSelector{margin-left:sVal} | IE3.02(win16,win32,mac),IE4.0(ce,unix) |
| ul | ul.style.marginLeft[=sVal] | cssSelector{margin-left:sVal} | IE3.02(win16,win32,mac),IE4.0(ce,unix) |
| var | var.style.marginLeft[=sVal] | cssSelector{margin-left:sVal} | IE3.02(win16,win32,mac),IE4.0(ce,unix) |
| xmp | xmp.style.marginLeft[=sVal] | cssSelector{margin-left:sVal} | IE3.02(win16,win32,mac),IE4.0(ce,unix) |
이 속성은 CSS1(Cascading Style Sheets, Level 1)에서 정의되었다.
 style ⇒ | marginLeft 스타일속성⇒ |  |    | |
노란색 부분이 margin-Left 지역이다. 이미지 위에 마우스를 올려보라.
<DIV style="border:solid 1 blue;background-color:ffa;width:1;height:100"> <IMG id="imgObj" src="../../gif/flower.jpg" width="300" style="margin-Left:10" onmouseover="this.style.marginLeft='30';showA.innerHTML=imgObj.style.marginLeft" onmouseout="this.style.marginLeft='10';showA.innerHTML=imgObj.style.marginLeft"> </DIV> <DIV>imgObj.style.marginLeft=<SPAN id=showA style="color:blue">결과 표시창</SPAN></DIV>
| style ⇒ | marginLeft 스타일속성 | ⇒ | | | |
| 최종 수정: 04/07/2025 15:16:29 |  All right reserved | 비정상적인 방식으로 프레임없이 페이지에 접속하면 자주 오류가 발생됩니다. 오류가 나면 정상적 접속으로 시도해 보세요. | http://koxo.com/lang/js/style/marginLeft.html |