개체에서 내용의 흐름과 방향을 반환하거나 설정한다.
| Script | object.style.layoutFlow=[sVal] |
| HTML | <ELEMENT style="layout-flow:sVal;"> | |
| CSS | cssSelector {layout-flow:sVal;} |
| horizontal | 디폴트이며, 개체에서 내용은 왼쪽에서 오른쪽으로 흐르고, 다음 줄의 내용은 줄 밑에 수평 줄로 흐는다. 대부분의 알파벳트 문서의 배치에 해당된다. |
| vertical-ideographic | 개체에서 내용은 위쪽에서 아래쪽으로 흐르고, 다음 줄의 내용은 줄 왼쪽에 수직 줄로 흐는다. 이는 동아시아 언어에 사용된다. |
이 속성은 currentStyle에서는 읽기전용이고, 그외의 개체에서는 읽기/쓰기이며, 디폴트값은 horizontal이다.
CSS(Cascading Style Sheets) 애트리뷰트는 상속된다.
이 속성은 writingMode 속성으로 대체되고 불량화 되었다.
이 속성은 currentStyle 게체에서는 읽기전용이다.
| 개체 | script | CSS | IE 버전 |
|---|---|---|---|
| a | a.style.layoutFlow[=sVal] | cssSelector{layout-flow:sVal} | IE5.5(win32,ce) |
| acronym | acronym.style.layoutFlow[=sVal] | cssSelector{layout-flow:sVal} | IE5.5(win32,ce) |
| address | address.style.layoutFlow[=sVal] | cssSelector{layout-flow:sVal} | IE5.5(win32,ce) |
| b | b.style.layoutFlow[=sVal] | cssSelector{layout-flow:sVal} | IE5.5(win32,ce) |
| big | big.style.layoutFlow[=sVal] | cssSelector{layout-flow:sVal} | IE5.5(win32,ce) |
| blockQuote | blockQuote.style.layoutFlow[=sVal] | cssSelector{layout-flow:sVal} | IE5.5(win32,ce) |
| button | button.style.layoutFlow[=sVal] | cssSelector{layout-flow:sVal} | IE5.5(win32,ce) |
| caption | caption.style.layoutFlow[=sVal] | cssSelector{layout-flow:sVal} | IE5.5(win32,ce) |
| center | center.style.layoutFlow[=sVal] | cssSelector{layout-flow:sVal} | IE5.5(win32,ce) |
| cite | cite.style.layoutFlow[=sVal] | cssSelector{layout-flow:sVal} | IE5.5(win32,ce) |
| code | code.style.layoutFlow[=sVal] | cssSelector{layout-flow:sVal} | IE5.5(win32,ce) |
| currentStyle | [sVal=]objectcurrentStyle.layoutFlow | cssSelector{layout-flow:sVal} | IE5.5(win32,ce) |
| custom | custom.style.layoutFlow[=sVal] | cssSelector{layout-flow:sVal} | IE5.5(win32,ce) |
| dd | dd.style.layoutFlow[=sVal] | cssSelector{layout-flow:sVal} | IE5.5(win32,ce) |
| del | del.style.layoutFlow[=sVal] | cssSelector{layout-flow:sVal} | IE5.5(win32,ce) |
| dfn | dfn.style.layoutFlow[=sVal] | cssSelector{layout-flow:sVal} | IE5.5(win32,ce) |
| dir | dir.style.layoutFlow[=sVal] | cssSelector{layout-flow:sVal} | IE5.5(win32,ce) |
| div | div.style.layoutFlow[=sVal] | cssSelector{layout-flow:sVal} | IE5.5(win32,ce) |
| dl | dl.style.layoutFlow[=sVal] | cssSelector{layout-flow:sVal} | IE5.5(win32,ce) |
| dt | dt.style.layoutFlow[=sVal] | cssSelector{layout-flow:sVal} | IE5.5(win32,ce) |
| em | em.style.layoutFlow[=sVal] | cssSelector{layout-flow:sVal} | IE5.5(win32,ce) |
| fieldSet | fieldSet.style.layoutFlow[=sVal] | cssSelector{layout-flow:sVal} | IE5.5(win32,ce) |
| font | font.style.layoutFlow[=sVal] | cssSelector{layout-flow:sVal} | IE5.5(win32,ce) |
| form | form.style.layoutFlow[=sVal] | cssSelector{layout-flow:sVal} | IE5.5(win32,ce) |
| hn | hn.style.layoutFlow[=sVal] | cssSelector{layout-flow:sVal} | IE5.5(win32,ce) |
| hr | hr.style.layoutFlow[=sVal] | cssSelector{layout-flow:sVal} | IE5.5(win32,ce) |
| i | i.style.layoutFlow[=sVal] | cssSelector{layout-flow:sVal} | IE5.5(win32,ce) |
| input | input.style.layoutFlow[=sVal] | cssSelector{layout-flow:sVal} | IE5.5(win32,ce) |
| button | button.style.layoutFlow[=sVal] | cssSelector{layout-flow:sVal} | IE5.5(win32,ce) |
| checkbox | checkbox.style.layoutFlow[=sVal] | cssSelector{layout-flow:sVal} | IE5.5(win32,ce) |
| FileUpload | FileUpload.style.layoutFlow[=sVal] | cssSelector{layout-flow:sVal} | IE5.5(win32,ce) |
| hidden | hidden.style.layoutFlow[=sVal] | cssSelector{layout-flow:sVal} | IE5.5(win32,ce) |
| image | image.style.layoutFlow[=sVal] | cssSelector{layout-flow:sVal} | IE5.5(win32,ce) |
| password | password.style.layoutFlow[=sVal] | cssSelector{layout-flow:sVal} | IE5.5(win32,ce) |
| radio | radio.style.layoutFlow[=sVal] | cssSelector{layout-flow:sVal} | IE5.5(win32,ce) |
| reset | reset.style.layoutFlow[=sVal] | cssSelector{layout-flow:sVal} | IE5.5(win32,ce) |
| submit | submit.style.layoutFlow[=sVal] | cssSelector{layout-flow:sVal} | IE5.5(win32,ce) |
| text | text.style.layoutFlow[=sVal] | cssSelector{layout-flow:sVal} | IE5.5(win32,ce) |
| ins | ins.style.layoutFlow[=sVal] | cssSelector{layout-flow:sVal} | IE5.5(win32,ce) |
| isIndex | isIndex.style.layoutFlow[=sVal] | cssSelector{layout-flow:sVal} | IE5.5(win32,ce) |
| kbd | kbd.style.layoutFlow[=sVal] | cssSelector{layout-flow:sVal} | IE5.5(win32,ce) |
| label | label.style.layoutFlow[=sVal] | cssSelector{layout-flow:sVal} | IE5.5(win32,ce) |
| legend | legend.style.layoutFlow[=sVal] | cssSelector{layout-flow:sVal} | IE5.5(win32,ce) |
| li | li.style.layoutFlow[=sVal] | cssSelector{layout-flow:sVal} | IE5.5(win32,ce) |
| marquee | marquee.style.layoutFlow[=sVal] | cssSelector{layout-flow:sVal} | IE5.5(win32,ce) |
| menu | menu.style.layoutFlow[=sVal] | cssSelector{layout-flow:sVal} | IE5.5(win32,ce) |
| ol | ol.style.layoutFlow[=sVal] | cssSelector{layout-flow:sVal} | IE5.5(win32,ce) |
| Option | Option.style.layoutFlow[=sVal] | cssSelector{layout-flow:sVal} | IE5.5(win32,ce) |
| p | p.style.layoutFlow[=sVal] | cssSelector{layout-flow:sVal} | IE5.5(win32,ce) |
| plainText | plainText.style.layoutFlow[=sVal] | cssSelector{layout-flow:sVal} | IE5.5(win32,ce) |
| pre | pre.style.layoutFlow[=sVal] | cssSelector{layout-flow:sVal} | IE5.5(win32,ce) |
| q | q.style.layoutFlow[=sVal] | cssSelector{layout-flow:sVal} | IE5.5(win32,ce) |
| ruby | ruby.style.layoutFlow[=sVal] | cssSelector{layout-flow:sVal} | IE5.5(win32,ce) |
| runtimeStyle | objectruntimeStyle.layoutFlow[=sVal] | cssSelector{layout-flow:sVal} | IE5.5(win32,ce) |
| s | s.style.layoutFlow[=sVal] | cssSelector{layout-flow:sVal} | IE5.5(win32,ce) |
| samp | samp.style.layoutFlow[=sVal] | cssSelector{layout-flow:sVal} | IE5.5(win32,ce) |
| select | select.style.layoutFlow[=sVal] | cssSelector{layout-flow:sVal} | IE5.5(win32,ce) |
| small | small.style.layoutFlow[=sVal] | cssSelector{layout-flow:sVal} | IE5.5(win32,ce) |
| span | span.style.layoutFlow[=sVal] | cssSelector{layout-flow:sVal} | IE5.5(win32,ce) |
| strike | strike.style.layoutFlow[=sVal] | cssSelector{layout-flow:sVal} | IE5.5(win32,ce) |
| strong | strong.style.layoutFlow[=sVal] | cssSelector{layout-flow:sVal} | IE5.5(win32,ce) |
| style | style.style.layoutFlow[=sVal] | cssSelector{layout-flow:sVal} | IE5.5(win32,ce) |
| sub | sub.style.layoutFlow[=sVal] | cssSelector{layout-flow:sVal} | IE5.5(win32,ce) |
| sup | sup.style.layoutFlow[=sVal] | cssSelector{layout-flow:sVal} | IE5.5(win32,ce) |
| td | td.style.layoutFlow[=sVal] | cssSelector{layout-flow:sVal} | IE5.5(win32,ce) |
| textArea | textArea.style.layoutFlow[=sVal] | cssSelector{layout-flow:sVal} | IE5.5(win32,ce) |
| th | th.style.layoutFlow[=sVal] | cssSelector{layout-flow:sVal} | IE5.5(win32,ce) |
| tt | tt.style.layoutFlow[=sVal] | cssSelector{layout-flow:sVal} | IE5.5(win32,ce) |
| u | u.style.layoutFlow[=sVal] | cssSelector{layout-flow:sVal} | IE5.5(win32,ce) |
| ul | ul.style.layoutFlow[=sVal] | cssSelector{layout-flow:sVal} | IE5.5(win32,ce) |
| var | var.style.layoutFlow[=sVal] | cssSelector{layout-flow:sVal} | IE5.5(win32,ce) |
 style ⇒ | layoutFlow 스타일속성 |   | |
| 최종 수정: 05/31/2025 12:09:05 |  All right reserved | 비정상적인 방식으로 프레임없이 페이지에 접속하면 자주 오류가 발생됩니다. 오류가 나면 정상적 접속으로 시도해 보세요. | http://koxo.com/lang/js/style/layoutFlow.html |