개체 속에서 텍스트가 어느쪽으로 유동하는가(흐르는가)를 반환하거나 설정한다.
| Script | object.style.styleFloat=[sVal] |
| HTML | <ELEMENT style="float:sVal;"> | |
| CSS | cssSelector {float:sVal;} |
| none | 디폴트이며, 유동하지 않고 텍스트가 있는 자리에 디스플레이된다. |
| left | 텍스트가 개체의 왼쪽 끝으로 유동한다. |
| right | 텍스트가 개체의 오른쪽 끝으로 유동한다. |
이 속성은 currentStyle에서는 읽기전용이고, 그외의 개체에서는 읽기/쓰기이며, 디폴트값은 none이다.
CSS(Cascading Style Sheets) 애트리뷰트는 상속되지 않는다.
left나 right 값으로, 개체가 블럭 개체로 취급되고, display 속성은 무시된다. 유동 문단은 문서에서 서로 접해 나타나게 한다.
유동개체 다음에 오는 개체는 유동개체에 상대적으로 그 부분만큼 이동한다.
유동개체는 다른 블럭 개체의 테두리, 패딩 혹은 마진에 닿을 때까지 좌츠으로나 우측으로 유동한다.
div와 span 개체들은 유동하여 표현되기 위하여 float 애트리뷰트를 설정하야 한다. IE5에서는 div과 span 개체들은 디폴트로 width을 할당하며, 값이 지정되지 않아도 표현된다.
| 개체 | script | CSS | IE 버전 |
|---|---|---|---|
| a | a.style.styleFloat[=sVal] | cssSelector{float:sVal} | IE5(win16,win32,unix,mac) |
| address | address.style.styleFloat[=sVal] | cssSelector{float:sVal} | IE5(win16,win32,unix,mac) |
| applet | applet.style.styleFloat[=sVal] | cssSelector{float:sVal} | IE4.0(win16,win32,ce,unix,mac) |
| b | b.style.styleFloat[=sVal] | cssSelector{float:sVal} | IE5(win16,win32,unix,mac) |
| big | big.style.styleFloat[=sVal] | cssSelector{float:sVal} | IE5(win16,win32,unix,mac) |
| blockQuote | blockQuote.style.styleFloat[=sVal] | cssSelector{float:sVal} | IE5(win16,win32,unix,mac) |
| button | button.style.styleFloat[=sVal] | cssSelector{float:sVal} | IE4.0(win16,win32,ce,unix,mac) |
| center | center.style.styleFloat[=sVal] | cssSelector{float:sVal} | IE5(win16,win32,unix,mac) |
| cite | cite.style.styleFloat[=sVal] | cssSelector{float:sVal} | IE5(win16,win32,unix,mac) |
| code | code.style.styleFloat[=sVal] | cssSelector{float:sVal} | IE5(win16,win32,unix,mac) |
| currentStyle | [sVal=]objectcurrentStyle.styleFloat | cssSelector{float:sVal} | IE5(win16,win32,unix,mac) |
| custom | custom.style.styleFloat[=sVal] | cssSelector{float:sVal} | IE(win32,unix) |
| dd | dd.style.styleFloat[=sVal] | cssSelector{float:sVal} | IE5(win16,win32,unix,mac) |
| publicDefaults | publicDefaults.style.styleFloat[=sVal] | cssSelector{float:sVal} | IE5.5(win32) |
| dfn | dfn.style.styleFloat[=sVal] | cssSelector{float:sVal} | IE5(win16,win32,unix,mac) |
| dir | dir.style.styleFloat[=sVal] | cssSelector{float:sVal} | IE5(win16,win32,unix,mac) |
| div | div.style.styleFloat[=sVal] | cssSelector{float:sVal} | IE4.0(win16,win32,ce,unix,mac) |
| dl | dl.style.styleFloat[=sVal] | cssSelector{float:sVal} | IE5(win16,win32,unix,mac) |
| dt | dt.style.styleFloat[=sVal] | cssSelector{float:sVal} | IE5(win16,win32,unix,mac) |
| em | em.style.styleFloat[=sVal] | cssSelector{float:sVal} | IE5(win16,win32,unix,mac) |
| embed | embed.style.styleFloat[=sVal] | cssSelector{float:sVal} | IE4.0(win16,win32,ce,unix,mac) |
| fieldSet | fieldSet.style.styleFloat[=sVal] | cssSelector{float:sVal} | IE5(win16,win32,unix,mac) |
| form | form.style.styleFloat[=sVal] | cssSelector{float:sVal} | IE5(win16,win32,unix,mac) |
| hn | hn.style.styleFloat[=sVal] | cssSelector{float:sVal} | IE4.0(win16,win32,ce,unix,mac) |
| hr | hr.style.styleFloat[=sVal] | cssSelector{float:sVal} | IE4.0(win16,win32,ce,unix,mac) |
| i | i.style.styleFloat[=sVal] | cssSelector{float:sVal} | IE5(win16,win32,unix,mac) |
| iFrame | iFrame.style.styleFloat[=sVal] | cssSelector{float:sVal} | IE4.0(win16,win32,ce,unix,mac) |
| img | img.style.styleFloat[=sVal] | cssSelector{float:sVal} | IE5(win16,win32,unix,mac) |
| button | button.style.styleFloat[=sVal] | cssSelector{float:sVal} | IE4.0(win16,win32,ce,unix,mac) |
| checkbox | checkbox.style.styleFloat[=sVal] | cssSelector{float:sVal} | IE5(win16,win32,unix,mac) |
| FileUpload | FileUpload.style.styleFloat[=sVal] | cssSelector{float:sVal} | IE5(win16,win32,unix,mac) |
| image | image.style.styleFloat[=sVal] | cssSelector{float:sVal} | IE5(win16,win32,unix,mac) |
| password | password.style.styleFloat[=sVal] | cssSelector{float:sVal} | IE5(win16,win32,unix,mac) |
| radio | radio.style.styleFloat[=sVal] | cssSelector{float:sVal} | IE5(win16,win32,unix,mac) |
| reset | reset.style.styleFloat[=sVal] | cssSelector{float:sVal} | IE4.0(win16,win32,ce,unix,mac) |
| submit | submit.style.styleFloat[=sVal] | cssSelector{float:sVal} | IE4.0(win16,win32,ce,unix,mac) |
| text | text.style.styleFloat[=sVal] | cssSelector{float:sVal} | IE5(win16,win32,unix,mac) |
| isIndex | isIndex.style.styleFloat[=sVal] | cssSelector{float:sVal} | IE5(win16,win32,unix,mac) |
| kbd | kbd.style.styleFloat[=sVal] | cssSelector{float:sVal} | IE5(win16,win32,unix,mac) |
| label | label.style.styleFloat[=sVal] | cssSelector{float:sVal} | IE5(win16,win32,unix,mac) |
| legend | legend.style.styleFloat[=sVal] | cssSelector{float:sVal} | IE5(win16,win32,unix,mac) |
| li | li.style.styleFloat[=sVal] | cssSelector{float:sVal} | IE5(win16,win32,unix,mac) |
| listing | listing.style.styleFloat[=sVal] | cssSelector{float:sVal} | IE5(win16,win32,unix,mac) |
| marquee | marquee.style.styleFloat[=sVal] | cssSelector{float:sVal} | IE4.0(win16,win32,ce,unix,mac) |
| menu | menu.style.styleFloat[=sVal] | cssSelector{float:sVal} | IE5(win16,win32,unix,mac) |
| Object | Object.style.styleFloat[=sVal] | cssSelector{float:sVal} | IE4.0(win16,win32,ce,unix,mac) |
| ol | ol.style.styleFloat[=sVal] | cssSelector{float:sVal} | IE5(win16,win32,unix,mac) |
| p | p.style.styleFloat[=sVal] | cssSelector{float:sVal} | IE5(win16,win32,unix,mac) |
| pre | pre.style.styleFloat[=sVal] | cssSelector{float:sVal} | IE5(win16,win32,unix,mac) |
| rt | rt.style.styleFloat[=sVal] | cssSelector{float:sVal} | IE5(win16,win32,unix,mac) |
| ruby | ruby.style.styleFloat[=sVal] | cssSelector{float:sVal} | IE5(win16,win32,unix,mac) |
| runtimeStyle | objectruntimeStyle.styleFloat[=sVal] | cssSelector{float:sVal} | IE5(win16,win32,unix,mac) |
| s | s.style.styleFloat[=sVal] | cssSelector{float:sVal} | IE5(win16,win32,unix,mac) |
| samp | samp.style.styleFloat[=sVal] | cssSelector{float:sVal} | IE5(win16,win32,unix,mac) |
| select | select.style.styleFloat[=sVal] | cssSelector{float:sVal} | IE4.0(win16,win32,ce,unix,mac) |
| small | small.style.styleFloat[=sVal] | cssSelector{float:sVal} | IE5(win16,win32,unix,mac) |
| span | span.style.styleFloat[=sVal] | cssSelector{float:sVal} | IE4.0(win16,win32,ce,unix,mac) |
| strike | strike.style.styleFloat[=sVal] | cssSelector{float:sVal} | IE5(win16,win32,unix,mac) |
| strong | strong.style.styleFloat[=sVal] | cssSelector{float:sVal} | IE5(win16,win32,unix,mac) |
| style | style.style.styleFloat[=sVal] | cssSelector{float:sVal} | IE4.0(win16,win32,ce,unix,mac) |
| sub | sub.style.styleFloat[=sVal] | cssSelector{float:sVal} | IE5(win16,win32,unix,mac) |
| sup | sup.style.styleFloat[=sVal] | cssSelector{float:sVal} | IE5(win16,win32,unix,mac) |
| table | table.style.styleFloat[=sVal] | cssSelector{float:sVal} | IE4.0(win16,win32,ce,unix,mac) |
| textArea | textArea.style.styleFloat[=sVal] | cssSelector{float:sVal} | IE4.0(win16,win32,ce,unix,mac) |
| tt | tt.style.styleFloat[=sVal] | cssSelector{float:sVal} | IE5(win16,win32,unix,mac) |
| u | u.style.styleFloat[=sVal] | cssSelector{float:sVal} | IE5(win16,win32,unix,mac) |
| ul | ul.style.styleFloat[=sVal] | cssSelector{float:sVal} | IE5(win16,win32,unix,mac) |
| var | var.style.styleFloat[=sVal] | cssSelector{float:sVal} | IE5(win16,win32,unix,mac) |
| xmp | xmp.style.styleFloat[=sVal] | cssSelector{float:sVal} | IE5(win16,win32,unix,mac) |
이 속성은 CSS1(Cascading Style Sheets, Level 1)에서 정의되었다.
 style ⇒ | styleFloat 스타일속성⇒ |  | ⇒ |  |    | |
<DIV id="container" style="border:solid 1 blue;padding:10">
<IMG src="../../gif/rfexample.gif" style="float:left">
<IMG src="../../gif/rfexample.gif" style="float:right">
<IMG src="../../gif/rfstyle.gif" style="float:left">
<IMG src="../../gif/rfstyle.gif" style="float:right">
<DIV style="float:none">유동하지 않는 문자열</DIV>
</DIV>
<SCRIPT>
coll=container.all;
str='';
for (i=0;i< coll.length;i++){
str+=i+'] '+coll[i].nodeName+', styleFload=<FONT color=blue>'+coll[i].style.styleFloat+'</FONT>, '+coll[i].src+'<BR>';
}
document.write(str);
</SCRIPT>
| style ⇒ | styleFloat 스타일속성⇒ | | ⇒ | | | |
이미지 위를 클릭해 보라.
삼항식으로 styleFloat 스타일속성을 지정하였다.
<IMG src="../../gif/rfexample.gif" style="float:right" onclick="(this.style.styleFloat=='right')?this.style.styleFloat='left':this.style.styleFloat='right'"> <IMG src="../../gif/rfexplain.gif" style="float:right" onclick="(this.style.styleFloat=='right')?this.style.styleFloat='left':this.style.styleFloat='right'"> <IMG src="../../gif/rfstyle.gif" style="float:left" onclick="(this.style.styleFloat=='right')?this.style.styleFloat='left':this.style.styleFloat='right'"> <IMG src="../../gif/rfproperty.gif" style="float:left" onclick="(this.style.styleFloat=='right')?this.style.styleFloat='left':this.style.styleFloat='right'"> 이미지 위를 클릭해 보라.
| style ⇒ | styleFloat 스타일속성 | ⇒ | | | |
| 최종 수정: 04/06/2025 14:13:58 |  All right reserved | 비정상적인 방식으로 프레임없이 페이지에 접속하면 자주 오류가 발생됩니다. 오류가 나면 정상적 접속으로 시도해 보세요. | http://koxo.com/lang/js/style/styleFloat.html |