지정된 부분의 글자 방향을 덮어 씌우는(Bidirectional Overriding) 개체를 참조한다.

Script [propVal=]..propName;
HTML propName="propVal">innerString
특기

BDO 엘레멘트는 텍스트 블럭의 읽는 순서를 제어하는데 사용될 수 있다.

Unicode 양방향 알고리즘은 자동적으로 깔려있는 글자들의 순서를 상속된 방향에 따라 역방향으로 변환한다. 영어의 기본 방향은 왼쪽에서오른쪽으로(ltr : left-to-right)이다. 만일 방향성이 오른쪽에서왼쪽으로(rtl : right-to-left)인 언어를 포함하는 문서의 문단은 이 BDO 엘레멘트를 사용하여 언어 방향을 역으로 할 수 있다.

양방향 알고리즘과 dir 애트리뷰트를 사용하면 일반적으로 깔려있는 글자들의 방향을 변경하는데 충분하다. 그러나 양식화된 텍스트의 양방향에 잘못 적용하면 표현이 잘못될 수 있다. 예를들어 영어와 희랍어가 포함된 문자열로 메일을 위하여 양식화된 경우 올바르지 않게 표현될 수 있다. 희랍어를 읽슨 순서가 메일에서 한번 반대로 되고 양방향 알고리즘에 노출되면 두번째 방향 바꿈이 일어나기 때문이다.

BDO 엘레멘트는 이 알고리즘을 중지시키고 읽는 순서를 제어한다. BDO 엘레멘트를 사용할 때 dir 애트리뷰트가 필요하다.

이 개체는 IE5 이상에서 엘레멘트와 스크립트를 사용할 수 있다.

이 엘레멘트는 인라인 엘레멘트이다.

이 엘레멘트는 종료태그가 필요하다.


설명을 위한 예제

앞 형제 자식 개체 SPAN BDO 내용 자식 개체 BDO 뒤 형제

컬렉션설명과 예제 코드결과참고
all 개체에 포함되어 있는 모든 엘레멘트들의 배열변수를 참조하고 반환한다.
<SCRIPT>document.write(oObj.all.length)</SCRIPT>
attributes 개체의 애트리뷰트(attribute 개체)들의 배열변수를 참조하고 반환한다.
<SCRIPT>document.write(oObj.attributes.length)</SCRIPT>
childNodes 개체의 바로 종속된 자식들의 엘레멘트 개체들과 TextNode 개체들의 배열변수를 참조하고 반환한다.
<SCRIPT>document.write(oObj.childNodes.length)</SCRIPT>
children 개체의 바로 종속된 DHTML 개체들인 자식들의 배열변수를 참조하고 반환한다.
<SCRIPT>document.write(oObj.children.length)</SCRIPT>
filters 개체에 적용된 모든 filter들의 배열변수를 참조하고 반환한다.
<SCRIPT>document.write(oObj.filters.length)</SCRIPT>

개체설명결과
currentStyle 공통 스타일쉬트, 인라인 스타일 HTML 애트리뷰트등으로 지정한 개체의 카스케이딩 형식과 스타일들 참조한다.
<SCRIPT>document.write(oObj.currentStyle.color)</SCRIPT>
runtimeStyle 덮어 씌워진 최종 공통 스타일쉬트, 인라인 스타일 HTML 애트리뷰트등으로 지정한 개체의 카스케이딩 형식과 스타일들 참조한다.
<BUTTON onclick="oObj.runtimeStyle.color='red'">적색으로</BUTTON>
단추를 클릭하고 예제의 색상을 확인하라.
style 개체의 현재 모든 가능한 인라인 스타일 설정들을 참조한다.
<SCRIPT>document.write(oObj.style.cssText.length))</SCRIPT>

accessKey 속성 IE4 NS6 (accesskey="chrVal"> 애트리뷰트)
개체의 접속키를 지정하거나 지정한 접속키를 반환한다.
문법: .accessKey[=chrVal]
코드: document.write(oObj.accessKey='1') 결과:
Script 없슴 atomicselection="bVal"> 애트리뷰트)
⇒ 엘레멘트와 그 내용이 전체적으로 선택되어야 하는가 개별적으로 선택될 수 있는가를 지정한다.
canHaveChildren 속성 IE
⇒ 개체가 자식 개체들을 가질 수 있는가를 부울값으로 반환한다.
문법: [bVal=].canHaveChildren
코드: document.write(oObj.canHaveChildren); 결과:
canHaveHTML 속성 IE
⇒ 개체가 HTML 태그들을 가질 수 있는가를 부울값으로 반환한다.
문법: [bVal=].canHaveHTML
코드: document.write(oObj.canHaveHTML); 결과:
className 속성 IE (class="sVal"> 애트리뷰트)
⇒ 개체의 클라스 이름을 반환하거나 설정한다.
문법: .className[=sVal]
코드: document.write(oObj.className); 결과:
clientHeight 속성 IE
⇒ 블럭 개체의 높이를 픽셀단위로 반환한다.
문법: [iVal=].clientHeight
코드: document.write(oObj.clientHeight); 결과:
clientLeft 속성 IE
offsetLeft 속성과 실제적인 사용자 지역의 왼쪽 모서리와의 거리를 픽셀단위로 반환한다.
문법: [iVal=].clientLeft
코드: document.write(oObj.clientLeft); 결과:
clientTop 속성 IE
offsetTop 속성과 실제적인 사용자 지역의 위쪽 모서리와의 거리를 픽셀단위로 반환한다.
문법: [iVal=].clientTop
코드: document.write(oObj.clientTop); 결과:
clientWidth 속성 IE
⇒ 블럭 개체의 너비를 픽셀단위로 반환한다.
문법: [iVal=].clientWidth
코드: document.write(oObj.clientWidth); 결과:
contentEditable 속성 IE (contenteditable="sVal"> 애트리뷰트)
⇒ 사용자가 개체의 내용을 편집할 수 있는가를 부울값으로 반환하거나 설정한다.
문법: .contentEditable[=sVal]
코드: document.write(oObj.contentEditable); 결과:
dir 속성 IE (dir="ltr"|"rtl"> 애트리뷰트)
⇒ 개체의 내용 읽는 순서를 문자열로 반환하거나 설정한다.
문법: .dir[=sVal]
코드: document.write(oObj.dir); 결과:
disabled 속성 IE (disabled[=true|false]> 애트리뷰트)
⇒ 사용자가 개체에서 작업할 수 있는가를 부울값으로 반환하거나 설정한다.
문법: .disabled[=true|false]
코드: document.write(oObj.disabled); 결과:
firstChild 속성 IE
⇒ 개체의 childNodes 컬렉션에서 제일 먼저 자식 개체을 반환한다.
문법: [oVal=].firstChild
코드: document.write(oObj.firstChild); 결과:
코드: if (oObj.firstChild) document.write(oObj.firstChild.nodeName); 결과:
hideFocus 속성 IE (hidefocus=true|false> 애트리뷰트)
⇒ 개체가 초점을 받지았는지 시각적으로 인식할 수 있는 부울값으로 반환하거나 설정한다.
문법: .hideFocus[=true|false]
코드: document.write(oObj.hideFocus); 결과:
id 속성 IE (id=sVal> 애트리뷰트)
⇒ 개체를 대표하는 인식자 문자열을 반환하거나 지정한다.
문법: .id[=sVal]
코드: document.write(oObj.id); 결과:
innerText 속성 IE
⇒ 개체의 내용 문자열을 반환하거나 지정한다.
문법: .innerText[=sVal]
코드: document.write(oObj.innerText.length); 결과:
isContentEditable 속성 IE
⇒ 사용자가 개체의 내용을 편집할 수 있는가를 부울값으로 반환한다.
문법: [bVal=].isContentEditable
코드: document.write(oObj.isContentEditable); 결과:
isDisabled 속성 IE
⇒ 개체가 불활성화 되었는가를 부울값으로 반환한다.
문법: [bVal=].isDisabled
코드: document.write(oObj.isDisabled); 결과:
isMultiLine 속성 IE
⇒ 개체가 여러줄로 되어있는가를 부울값으로 반환한다.
문법: [bVal=].isMultiLine
코드: document.write(oObj.isMultiLine); 결과:
isTextEdit 속성 IE
⇒ 개체속에서 TextRange 개체를 생성할수 있는가를 부울값으로 반환한다.
문법: [bVal=].isTextEdit
코드: document.write(oObj.isTextEdit); 결과:
lang 속성 IE (lang="sVal"> 애트리뷰트)
⇒ 개체에서 사용한 언어코드를 반환하거나 설정한다.
문법: .lang[=sVal]
코드: document.write(oObj.lang); 결과:
language 속성 IE (language="sVal"> 애트리뷰트)
⇒ 개체에서 사용한 스크립트 언어를 반환하거나 설정한다.
문법: .language[=sVal]
코드: document.write(oObj.language); 결과:
lastChild 속성 IE
⇒ 개체의 childNodes 컬렉션에서 마지막 자식 개체을 반환한다.
문법: [oVal=].lastChild
코드: document.write(oObj.lastChild; 결과:
코드: if (oObj.lastChild) document.write(oObj.lastChild.innerText); 결과:
nextSibling 속성 IE
⇒ 개체의 다음 형제(같은 모체의 다음 자식) 개체을 반환한다.
문법: [oVal=].nextSibling
코드: document.write(oObj.nextSibling); 결과:
코드: if (oObj.nextSibling) document.write(oObj.nextSibling.innerText); 결과:
nodeName 속성 IE
⇒ 개체의 특정 노드(node) 타입 이름을 반환한다.
문법: [sVal=].nodeName
코드: document.write(oObj.nodeName); 결과:
nodeType 속성 IE
⇒ 개체의 특정 노드(node)의 종류를 반환한다.
문법: [iVal=].nodeType
코드: document.write(oObj.nodeType); 결과:
nodeValue 속성 IE
⇒ 개체의 특정 노드(node)의 값을 반환한다.
문법: [oVal=].nodeValue
코드: document.write(oObj.nodeValue); 결과:
offsetHeight 속성 IE
offsetParent에 설정에따라 모체의 레이아웃이나 좌표에 상대적으로 계산된 높이 위치를 픽셀단위로 반환한다.
문법: [iVal=].offsetHeight
코드: document.write(oObj.offsetHeight); 결과:
offsetLeft 속성 IE
offsetParent에 설정에따라 모체의 레이아웃이나 좌표에 상대적으로 계산된 수평 위치를 픽셀단위로 반환한다.
문법: [iVal=].offsetLeft
코드: document.write(oObj.offsetLeft); 결과:
offsetParent 속성 IE
⇒ 개체에 offsetParentoffsetLeft 속성들이 지정된 용기 개체를 참조하고 반환한다.
문법: [oVal=].offsetParent
코드: document.write(oObj.offsetParent); 결과:
코드: document.write(oObj.offsetParent.nodeName); 결과:
offsetTop 속성 IE
offsetParent에 설정에따라 모체의 레이아웃이나 좌표에 상대적으로 계산된 수직 위치를 픽셀단위로 반환한다.
문법: [oVal=].offsetTop
코드: document.write(oObj.offsetTop); 결과:
offsetWidth 속성 IE
offsetParent에 설정에따라 모체의 레이아웃이나 좌표에 상대적으로 계산된 너비 위치를 픽셀단위로 반환한다.
문법: [iVal=].offsetWidth
코드: document.write(oObj.offsetWidth); 결과:
outerHTML 속성 IE
⇒ 개체와 개체의 외부 내용을 HTML로 반환한다.
문법: [sVal=].outerHTML
코드: document.write(oObj.lastChild.outerHTML); 결과: //방향이 역으로 되었다,
코드: document.write(oObj.lastChild.outerText); 결과:
outerText 속성 IE
⇒ 개체와 개체의 외부 내용을 텍스트로 반환한다.
문법: [sVal=].outerText
코드: document.write(oObj.outerText); 결과:
ownerDocument 속성 IE6
⇒ 노드(node)에 연관한 document 개체를 반환하거나 설정한다.
문법: .ownerDocument[=oVal]
코드: document.write(oObj.ownerDocument); 결과:
코드: document.write(oObj.ownerDocument.nodeName); 결과:
parentElement 속성 IE
⇒ 체계 구조상 부모 엘레멘트 개체를 반환한다.
문법: [oVal=].parentElement
코드: document.write(oObj.parentElement); 결과:
코드: document.write(oObj.parentElement.nodeName); 결과:
parentNode 속성 IE
⇒ 구조상 부모 엘레멘트 개체를 반환한다.
문법: [oVal=].parentNode
코드: document.write(oObj.parentNode); 결과:
코드: document.write(oObj.parentNode.nodeName); 결과:
parentTextEdit 속성 IE
⇒ 구조상 원본 개체를 포함하고 있는 용기 개체속에서 TextRange 개체를 생성할 수 있는 용기 개체를 반환한다.
문법: [oVal=].parentTextEdit
코드: document.write(oObj.parentTextEdit); 결과:
previousSibling 속성 IE
⇒ 개체의 다음 형제(같은 모체의 다음 자식) 개체을 반환한다.
문법: [oVal=].previousSibling
코드: document.write(oObj.previousSibling); 결과:
코드: if (oObj.previousSibling) document.write(oObj.previousSibling.nodeName); 결과:
readyState 속성 IE
⇒ 개체의 현재 상태를 반환한다.
문법: [sVal=].readyState
코드: document.write(oObj.readyState); 결과:
코드: <SPAN id=SwRS></SPAN>&nbsp;<BUTTON onclick="SwRS.innerText=oObj.readyState">클릭</BUTTON> 결과:  
scopeName 속성 IE
⇒ 엘레멘트 개체를 위해 정의된 namespace를 반환한다.
문법: [sVal=].scopeName
코드: document.write(oObj.scopeName); 결과:
scrollHeight 속성 IE
⇒ 개체의 스크롤(화면굴림) 높이를 반환한다.
문법: [iVal=].scrollHeight
코드: document.write(oObj.scrollHeight); 결과:
scrollLeft 속성 IE
⇒ 개체의 왼쪽 모서리와 현재 윈도우의 내용이 보이는 가장 왼쪽 위치와의 거리를 픽셀단위로 반환하거나 설정한다.
문법: .scrollLeft[=iVal]
코드: document.write(oObj.scrollLeft); 결과:
scrollTop 속성 IE
⇒ 개체의 위쪽 모서리와 현재 윈도우의 내용이 보이는 가장 위쪽 위치와의 거리를 픽셀단위로 반환하거나 설정한다.
문법: .scrollTop[=iVal]
코드: document.write(oObj.scrollTop); 결과:
scrollWidth 속성 IE
⇒ 개체의 스크롤(화면굴림) 너비를 반환한다.
문법: [iVal=].scrollWidth
코드: document.write(oObj.scrollWidth); 결과:
sourceIndex 속성 IE
⇒ 소스 순서에서 문서의 all 컬렉션에 나타나는 개체의 위치를 반환한다.
문법: [iVal=].sourceIndex
코드: document.write(oObj.sourceIndex); 결과:
코드: document.write(document.all(oObj.sourceIndex).nodeName); 결과:
tabIndex 속성 IE (tabindex="iVal"> 애트리뷰트)
⇒ 개체의 탭(tab)에 의한 항해에 사용되는 순서를 반환하거나 설정한다.
문법: .tabIndex[=iVal]
코드: document.write(oObj.tabIndex); 결과:
tagName 속성 IE
⇒ 개체의 태그(tag) 이름을 반환한다.
문법: [sVal=].tagName
코드: document.write(oObj.tagName); 결과:
tagUrn 속성 IE
⇒ 개체의 namespace 선언에서 설정된 주소(URN: Uniform Resource Name)를 반환하거나 설정한다.
문법: .tagUrn[=sVal]
코드: document.write(oObj.tagUrn); 결과:
title 속성 IE (title="sVal"> 애트리뷰트)
⇒ 개체의 참고적인 제목을 반환하거나 설정한다.
문법: .title[=sVal]
코드: document.write(oObj.title); 결과:
Script 없슴 unselectable="on|off"> 애트리뷰트)
⇒ 엘레멘트가 선택될 수 없음을 설정한다.

stylescript
{accelerator:val} obj.style.accelerator[=val]
⇒ 개체가 단축키를 가지고 있는가를 부울값으로 반환하거나 설정한다.
{border:val} obj.style.border[=val]
⇒ 개체의 테두리 속성들을 일괄적으로 반환하거나 설정한다.
{border-bottom:val} obj.style.borderBottom[=val]
⇒ 개체의 바닥 테두리 속성들을 반환하거나 설정한다.
{border-bottom-color:val} obj.style.borderBottomColor[=val]
⇒ 개체의 바닥 테두리의 색상을 반환하거나 설정한다.
{border-bottom-style:val} obj.style.borderBottomStyle[=val]
⇒ 개체의 바닥 테두리 형태를 반환하거나 설정한다.
{border-bottom-width:val} obj.style.borderBottomWidth[=val]
⇒ 개체의 바닥 테두리의 두께를 반환하거나 설정한다.
{border-color:val} obj.style.borderColor[=val]
⇒ 개체의 테두리 색상들을 반환하거나 설정한다.
{border-left:val} obj.style.borderLeft[=val]
⇒ 개체 왼쪽 테두리의 속성들을 반환하거나 설정한다.
{border-left-color:val} obj.style.borderLeftColor[=val]
⇒ 개체 왼쪽 테두리의 색상을 반환하거나 설정한다.
{border-left-style:val} obj.style.borderLeftStyle[=val]
⇒ 개체 왼쪽 테두리의 형태를 반환하거나 설정한다.
{border-left-width:val} obj.style.borderLeftWidth[=val]
⇒개체 왼쪽 테두리의 두께를 반환하거나 설정한다.
{border-right:val} obj.style.borderRight[=val]
⇒ 개체 오른쪽 테두리의 속성들을 반환하거나 설정한다.
{border-right-color:val} obj.style.borderRightColor[=val]
⇒ 개체 오른쪽 테두리의 색상을 반환하거나 설정한다.
{border-right-style:val} obj.style.borderRightStyle[=val]
⇒ 개체 오른쪽 테두리의 형태를 반환하거나 설정한다.
{border-right-width:val} obj.style.borderRightWidth[=val]
⇒ 개체 오른쪽 테두리의 두께를 반환하거나 설정한다.
{border-style:val} obj.style.borderStyle[=val]
⇒ 개체의 위쪽, 오른쪽, 아래쪽, 왼쪽 테두리들의 형태를 일괄적으로 반환하거나 설정한다.
{border-top:val} obj.style.borderTop[=val]
⇒ 개체 위쪽 테두리의 속성들을 반환하거나 설정한다.
{border-top-color:val} obj.style.borderTopColor[=val]
⇒ 개체 위쪽 테두리의 색상을 반환하거나 설정한다.
{border-top-style:val} obj.style.borderTopStyle[=val]
⇒ 개체 위쪽 테두리의 형태를 반환하거나 설정한다.
{border-top-width:val} obj.style.borderTopWidth[=val]
⇒ 개체 위쪽 테두리의 두께를 반환하거나 설정한다.
{border-width:val} obj.style.borderWidth[=val]
⇒ 개체의 위쪽, 오른쪽, 아래쪽, 왼쪽 테두리들의 두께를 일괄적으로 반환하거나 설정한다.
{clip:val} obj.style.clip[=val]
⇒ 개체의 어느 부분을 보이게 할 것인가를 반환하거나 설정한다.
{direction:val} obj.style.direction[=val]
⇒ 개체의 읽는 순서를 반환하거나 설정한다.
{display:val} obj.style.display[=val]
⇒ 개체를 디스플레이할 것인가를 반환하거나 설정한다.
{filter:val} obj.style.filter[=val]
⇒ 개체에 적용되는 필터들의 컬렉션(filters)을 반환하거나 설정한다.
없슴 obj.style.hasLayout
⇒ 개체가 레이아웃(layout)을 가지고 있는가를 부울값으로 반환한다.
{height:val} obj.style.height[=val]
⇒ 개체의 높이를 반환하거나 설정한다.
{layout-grid:val} obj.style.layoutGrid[=val]
⇒ 문자들의 레이아웃을 지정하는 문서 그리드(grid) 속성들을 일괄적으로 반환하거나 설정한다.
{layout-grid-mode:val} obj.style.layoutGridMode[=val]
⇒ 텍스트 레이아웃 그리드에 가로, 세로가 사용되었는가를 반환하거나 설정한다
{margin:val} obj.style.margin[=val]
⇒ 개체의 위쪽, 오른쪽, 아래쪽, 왼쪽 마진(주변 개체와의 간격)들의 두께를 일괄적으로 반환하거나 설정한다.
{margin-bottom:val} obj.style.marginBottom[=val]
⇒ 개체의 아래쪽 마진 두께을 반환하거나 설정한다.
{margin-left:val} obj.style.marginLeft[=val]
⇒ 개체의 왼쪽 마진 두께을 반환하거나 설정한다.
{margin-right:val} obj.style.marginRight[=val]
⇒ 개체의 오른쪽 마진 두께을 반환하거나 설정한다.
{margin-top:val} obj.style.marginTop[=val]
⇒ 개체의 위쪽 마진 두께을 반환하거나 설정한다.
{overflow:val} obj.style.overflow[=val]
⇒ 개체의 내용이 높이나 너비를 초과하였을 때 어떻게 처리할 것인가를 나타내는 값을 반환하거나 설정한다.
{overflow-x:val} obj.style.overflowX[=val]
⇒ 개체의 내용이 너비를 초과하였을 때 그 내용을 어떻게 처리할 것인가를 나타니는 값을 반환하거나 설정한다.
{overflow-y:val} obj.style.overflowY[=val]
⇒ 개체의 내용이 높이를 초과하였을 때 그 내용을 어떻게 처리할 것인가를 나타니는 값을 반환하거나 설정한다.
{padding:val} obj.style.padding[=val]
⇒ 개체들 사이, 그들에 소속된 마진, 보더까지의 간격을 반환하거나 설정한다.
{padding-bottom:val} obj.style.paddingBottom[=val]
⇒ 개체의 아래쪽 보더와 내용 사이의 간격을 반환하거나 설정한다.
{padding-left:val} obj.style.paddingLeft[=val]
⇒ 개체의 왼쪽 보더와 내용 사이의 간격을 반환하거나 설정한다.
{padding-right:val} obj.style.paddingRight[=val]
⇒ 개체의 오른쪽 보더와 내용 사이의 간격을 반환하거나 설정한다.
{padding-top:val} obj.style.paddingTop[=val]
⇒ 개체의 위쪽 보더와 내용 사이의 간격을 반환하거나 설정한다.
{position:val} obj.style.position[=val]
⇒ 개체의 위치시킴 방식을 반환하거나 설정한다.
{scrollbar-3dlight-color:val} obj.style.scrollbar3dLightColor[=val]
⇒ 스크롤 박스와 스크롤바 화살의 위쪽면과 왼쪽면의 색상을 반환하거나 설정한다.
{scrollbar-arrow-color:val} obj.style.scrollbarArrowColor[=val]
⇒ 스크롤바의 화살의 색상을 반환하거나 설정한다.
{scrollbar-base-color:val} obj.style.scrollbarBaseColor[=val]
⇒ 스크롤바의 기본 색상(스크롤바, 스크롤 박스, 트랙, 화살)을 반환하거나 설정한다.
{scrollbar-darkshadow-color:val} obj.style.scrollbarDarkShadowColor[=val]
⇒ 스크롤바의 색상을 반환하거나 설정한다.
{scrollbar-face-color:val} obj.style.scrollbarFaceColor[=val]
⇒ 스크롤 박스와 스크롤바의 화살의 색상을 반환하거나 설정한다.
{scrollbar-highlight-color:val} obj.style.scrollbarHighlightColor[=val]
⇒ 스크롤 박스와 스크롤바 화살의 위쪽면과 왼쪽면의 색상을 반환하거나 설정한다.
{scrollbar-shadow-color:val} obj.style.scrollbarShadowColor[=val]
⇒ 스크롤 박스와 스크롤바 화살의 아래쪽면과 오른쪽면의 색상을 반환하거나 설정한다.
{scrollbar-track-color:val} obj.style.scrollbarTrackColor[=val]
⇒ 스크롤바 트랙(track) 엘레멘트의 색상을 반환하거나 설정한다.
{text-autospace:val} obj.style.textAutospace[=val]
⇒ 조정된 문자를 위한 자동 문자 간격 맞추기를 반환하거나 설정한다.
{text-overflow:val} obj.style.textOverflow[=val]
IE6 개체에서 문자의 넘처흐름을 표시하는 방식값을 반환하거나 설정한다.
{text-underline-position:val} obj.style.textUnderlinePosition[=val]
⇒ 개체의 textDecoration 속성이 'underline'로 설정된 경우 밑줄의 위치를 반환하거나 설정한다.
{unicode-bidi:val} obj.style.unicodeBidi[=val]
⇒ 양방향 알고리즘에 관한 깔린 수준을 반환하거나 설정한다.
{white-space:val} obj.style.whiteSpace[=val]
⇒ 개체 속에서 길이가 긴 문자열의 자동 줄바꿈을 빈칸에서 할 것인가를 반환하거나 설정한다.
{width:val} obj.style.width[=val]
⇒ 개체의 너비를 반환하거나 설정한다.
{word-wrap:val} obj.style.wordWrap[=val]
⇒ 내용이 용기 개체의 범위를 초과하면 단어를 자를 것인가를 반환하거나 설정한다.
{zoom:val} obj.style.zoom[=val]
⇒ 개체의 확대 배율을 반환하거나 설정한다.

필터 속성설명
Alpha 개체 내용의 명도(opacity)를 조정한다.
AlphaImageLoader 개체의 테두리 속에서 잘라내기나 이미지의 크기를 조정할 수 있으며, 내용과 배경 사이에 디스플레이 된다.
Barn 미닫이 문을 닫고 여는 것과 유사한 움직임으로 개체의 내용을 새로이 표시한다.
BasicImage 개체 내용을 색상을 처리하거나, 이미지를 회전시키거나, 선명도를 조정한다.
BlendTrans 개체의 원본 내용을 점진적으로 변화시켜 새로운 내용으로 표현한다.
Blinds 개체의 원본 내용을 브라인드를 열고 닫는 것처럼 점진적으로 변화시켜 새로운 내용으로 표현한다.
Blur 개체의 원본 내용을 초점을 흐리게 하여 표현한다.
CheckerBoard 원본 내용을 서양 장기판처럼 작은 사각형으로 잘라 점진적으로 변화시켜 새로운 내용으로 표현한다.
Chroma 개체의 내용 중 지정한 색상을 투명하게 표현한다.
Compositor 미리 정의된 기능에따라 원래 이미지와 새 이미지의 논리적 색상 조합으로 개체의 새로운 내용을 표현한다.
DropShadow 개체의 내용을 위로 띄우는 것 처럼되고 그림자가 나타나는 효과를 생성하여 표현한다.
Emboss 개체의 내용을 회색(grayscale)값을 사용하여 음각으로 조각한 모양(emboss)으로 표현한다.
Engrave 개체의 내용을 회색(grayscale)값을 사용하여 양각으로 조각한 모양(engrave)으로 표현한다.
Fade 개체의 원본 내용을 점진적으로 새로운 내용으로 변경시켜 표시한다.
FlipH 개체의 내용을 수평으로 뒤집어 표현한다.
FlipV 개체의 내용을 수직으로 뒤집어 표현한다.
Glow 개체의 내용 주위에 에 지정된 색상과 강도로 반경을 확장하여 표현한다.
Gradient 배경과 개체들의 색상을 점진적으로 적용하여 디스플레이 한다.
GradientWipe 개체의 원본 내용을 변환 밴드를 점진적으로 이동히키면서 새로운 내용으로 표현한다.
Gray 개체의 내용을 회색 스케일(grayscale)로 표현한다.
ICMFilter ICM 프로파일에 맞춰 개체 내용의 색상을 변환한다. 이는 특정 내용의 표현을 개선하거나 프린터나 모니터와 같은 하드웨어 장치에 맞춰준다.
Inset 대각선 방향으로 개체의 내용을 새롭게 변환시킨다.
Invert 개체 내용 색상의 포화도, 밝기등을 역전 시킨다.
Iris 개체의 내용을 안에서부터 밖으로 혹은 밖에서부터 안으로 열리면서 변환하여 새 내용으로 변환한다.
Light 개체의 내용에 빛이 비치는 것과 같은 효과를 준다.
MaskFilter 개체의 투명한 내용을 색상을 넣어 표시하고, 투명하지 않은 부분은 투명하게 표현한다.
Matrix 개체의 내용의 크기 조정, 회전, 역회전등 변환하여 표현한다.
MotionBlur 개체의 내용이 달리는 것 같은 상태로 표현된다.
Pixelate 개체의 내용을 픽셀들이 위치한 사각형부분의 색상의 평균 색상으로 모두 변환하여 표현한다.
RadialWipe 개체을 내용을 반경 돌아가는에 따라 변환하여 새로운 내용으로 표현한다.
RandomBars 개체의 내용을 무작위 줄을 추가하면서 새로운 내용으로 변환하여 표현한다.
RandomDissolve 개체의 내용을 무작위 픽셀 점들의 추가로 변환하여 새로운 내용으로 표현한다.
Redirect 현재로서는 지원되지 않는 필터 속성이다.
RevealTrans 24개의 사전에 정의된 기능에 의하여 개체의 내용을 변환시켜 새로운 내용을 표현한다.
Shadow 개체의 내용을 그림자 진 것처럼 변형하여 새로운 내용으로 표현한다.
Slide 개체의 내용을 여러 띄로 나누어 흐르면서 새로운 내용으로 표현한다.
Spiral 개체의 내용을 나선형으로 변환시키면서 새로운 내용을 표현한다.
Stretch 개체의 내용을 잡아 늘리는 모양으로 변형하여 새로운 내용을 표현한다.
Strips 개체의 내용을 톱날처럼 모서리에서 반대편 모서리로 점진적으로 변환하며 새로운 내용을 표현한다.
Wave 개체의 내용을 수직 축으로 사인(sine)커브로 파도 효과를 준다.
Wheel 원본 이미지의 회전 움직임으로 변환(transition)하여 개체의 내용을 새로이 표현한다.
Xray 개체의 내용을 색상을 변경시켜 흑백으로 디스플레이하는 효과를 준다.
Zigzag 개체의 내용을 왼쪽에서 오른쪽으로, 위에서 아래로 이동하면서 새로운 내용을 만든다.

메서드설명
appendChild 개체의 자식개체로 한 엘레멘트를 추가한다.
applyElement 개체를 다른 엘레멘트의 자식이나 모체 개체로 만든다.
blur 예제 IE NS 개체가 초점을 잃고 onblur 이벤트가 발생된다.
문법: .blur()
clearAttributes 개체의 모든 애트리뷰트들과 값들을 삭제한다.
cloneNode 문서 계통도로부터 개체의 참조를 복사한다.
componentFromPoint 어떤 이벤트에서 지정된 좌표에 위치한 콤포넨트를 반환한다.
fireEvent 개체에서 지정한 이벤트를 발생시킨다.
focus 예제 개체에 초점을 주고 onfocus이벤트에 지정한 처리자 코드를 수행한다.
문법: .focus()
getAdjacentText 개체의 인접 문자열을 반환한다.
getAttributeNode IE6 attribute.name속성을 참조하는 attribute 개체를 반환한다.
getElementsByTagName 지정된 엘레멘트의 이름에 맞는 개체들의 컬렉션을 반환한다.
getExpression 주어진 속성의 표현(expression)을 반환한다.
hasChildNodes 개체가 자식개체를 가지고 가지고 있는가를 나타내는 값을 반환한다.
insertAdjacentElement 지정한 위치에 엘레멘트를 삽입한다.
insertBefore 문서 계통도에서 모체 개체의 자식 노드로 엘레멘트를 삽입한다.
mergeAttributes 지정된 개체에 모든 읽기/쓰기 애트리뷰트를 복사한다.
normalize IE6 개체의 인접 TextNode 개체를 통합하여 문서 개체 모델을 정상화한다.
removeAttributeNode IE6 개체로 부터 애트리뷰트 개체 노드를 제거한다.
removeChild 개체로부터 자식 노드를 제거한다.
removeExpression 지정한 속성으로부터 표현(expression)을 제거한다.
removeNode 문서 계통도에서 개체를 제거한다.
replaceAdjacentText 개체에 인접 문자열을 교체한다.
replaceChild 현재의 자식 엘레멘트를 새로운 자식 엘레멘트로 교체한다.
replaceNode 개체를 다른 엘레멘트로 교체한다.
setActive 개체에 초점을 주지 않은 상태에서 활성으로 설정한다.
setAttributeNode IE6 개체의 부분으로 애트리뷰트 개체 노드를 설정한다.
setExpression 지정된 개체의 표현(expression)을 설정한다.
swapNode 문서 계통도에서 두 개체의 위치를 서로 바꾼다.

이벤트설명
onactivate 엘레멘트 개체가 activeElement 속성으로 설정되면 발생한다.
onafterupdate 데이터 원본이 있는 개체가 성공적으로 업데이트되면 데이터를 갖는 개체에 발생한다.
onbeforeactivate IE6 엘레멘트 개체가 activeElement 속성으로 설정되기 바로 전에 발생한다.
onbeforecopy 선택된 내용이 시스템 클립보드(clipboard)로 복사하기 바로 전에 원본 개체에 발생된다.
onbeforecut 문서로 부터 선택한 부분의 잘라내기 하기 바로 전에 원본 개체에 발생한다.
onbeforedeactivate 모체 문서에서 activeElement 속성의 엘레멘트 개체가 현재 개체로 다른 개체로 변경되기 바로 전에 발생한다.
onbeforeeditfocus 편집 가능한 개체가 활성화되거나 편집 가능한 용기에 제어 선택이 이루어 지기 바로 전에 발생한다.
onbeforepaste 시스템 클립보드(잘라낸거나 복사한 내용이 있는)로부터 문서의 목표개체에 붙여 넣기 바로 전에 발생한다.
onbeforeupdate 원본 데이터를 갖는 개체의 연관된 데이터가 업데이트되기 바로 전에 데이터를 받는 개체에 발생된다.
onblur 예제 IE4 NS3 개체가 초점을 생실했을 때 발생한다.
문법: .onblur='JsCode'
oncellchange 데이터 제공자에서 데이터의 내용이 변경되었을 때 발생한다.
onclick 예제 개체에서 마우스를 클릭(눌럿다 놓음)하면 발생되고 지정된 JsCode를 수행한다.
문법: .onclick='JsCode'
oncontextmenu 클라이언트 지역에서 오른쪽 마우스 단추를 클릭하였을 때나 콘텍스트(context) 메뉴를 열었을 때 발생
oncontrolselect 사용자가 개체의 제어 선택을 하려고 할 때 발생한다.
oncopy 선택된 내용이 시스템 클립보드(clipboard)로 복사하였을 때 원본 개체에 발생된다.
oncut 문서의 선택한 내용을 잘라 시스템 클립보드(잘라낸거나 복사한 내용이 있는)에 넣을 때 원본 개체에 발생
ondblclick 예제 개체에서 마우스를 연속 두번 클릭하면 발생되고 지정된 JsCode를 수행한다.
문법: .ondblclick='JsCode'
ondeactivate 모체 문서에서 activeElement 속성의 엘레멘트 개체가 현재 개체로 다른 개체로 변경되면 발생한다.
ondrag 연속 끌기 동작이 진행되는 동안 원본 개체에 발생한다.
ondragend 연속 끌기 동작에서 마우스를 해제하여 진행이 완료되면 원본 개체에 발생한다.
ondragenter 연속 끌기 동작에서 성공적인 끌어 놓기가 완료면 목표 개체에 발생한다.
ondragleave 연속 끌기 동작에서 성공적인 끌어 놓기가 완료되어 목표 개체를 이탈하면 목표 개체에 발생한다.
ondragover 연속 끌기 동작에서 유효한 목표 개체 위에 있는 동안 연속적으로 목표 개체에 발생한다.
ondragstart 연속 끌기 동작에서 선택한 텍스트나 개체를 끌기 시작하면 원본 개체에 발생한다.
ondrop 연속 끌기 동작에서 마우스 단추를 해제하면 목표 개체에 발생한다.
onerrorupdate 데이터 원천 개체에서 관련된 데이터가 업데이트되는 동안에 오류가 발생되면 발생된다.
onfilterchange 시각적 필터 상태를 변경하거나 변경이 완료되면 발생한다.
onfocus 예제 IE NS 개체가 초점을 받으면 발생되고 JsCode를 수행한다.
문법: .onfocus='JsCode'
onfocusin IE6 엘레맨트에 초점을 조기 바로 전에 엘레멘트에 발생한다.
onfocusout IE6 다른 엘레맨트로 초점을 이동하면 바로 현재 엘레멘트에 발생한다.
onhelp 활성 윈도우에서 도움말을 위하여 F1 키를 누르면 발생된다.
onkeydown 예제 개체에서 자판(key)을 누르면 발생되고 지정된 JsCode를 수행한다.
문법: .onkeydown='JsCode'
onkeypress 예제 개체에서 자판(key)을 누르고 있으면 발생되고 지정된 JsCode를 수행한다.
문법: .onkeypress='JsCode'
onkeyup 예제 개체에서 자판(key) 누름을 해제하면 발생되고 지정된 JsCode를 수행한다.
문법: .onkeyup='JsCode'
onlosecapture 개체가 마우스 캡쳐(capture)를 해제하면 발생한다.
onmousedown 예제 개체에서 마우스 단추를 눌렀을 때 발생되고 지정된 JsCode를 수행한다.
문법: .onmousedown='JsCode'
onmouseenter 마우스 포인터가 개체 위로 이동하면 발생한다.
onmouseleave 마우스 포인터가 개체 밖으로 이동하면 발생한다.
onmousemove 마우스 포인터가 개체 위에서 이동하면 발생한다.
onmouseout 마우스 포인터가 개체 밖으로 이동하면 발생한다.
onmouseover 마우스 포인터가 개체 위로 이동하면 발생한다.
onmouseup 예제 개체에서 단추 누름을 해제하면 발생되고 지정된 JsCode를 수행한다.
문법: .onmouseup='JsCode'
onmousewheel IE6 마우스 휠(wheel)을 굴리면 발생한다.
onmove 개체가 이동하면 발생한다.
onmoveend 개체의 이동이 중지되면 발생한다.
onmovestart 개체가 이동하기 시작하면 발생한다.
onpaste 시스템 클립보드(잘라낸거나 복사한 내용이 있는)로부터 문서의 목표개체에 붙여 넣으면 발생한다.
onpropertychange 개체의 속성을 변경발생한다.
onreadystatechange 개체의 준비상태(readyState) 속성을 변경시키면 발생한다.
onresizeend 제어 섹션에서 개체의 크기 변경이 완료되면 발생한다.
onresizestart 제어 섹션에서 개체의 크기 변경이 시작되면 발생한다.
onscroll 개체의 스크롤 박스의 스크롤바를 굴려 위치를 변경시키면 발생한다.
onselectstart 개체가 선택되기 시작하면 발생한다.

Behavior설명
clientCaps Explorer에 대한 정보를 제공하고 요청에 의하여 브라우저의 콤포넨트를 설치하는 방법늘 제공한다.
download 파일을 다운로드하고 완료되면 완료를 알려주는 기능을 갖고있다.
homePage 사용자의 홈페이지에 대한 정보를 포함하고 있다.

개체 예제

여기는 한글 부분. 여기는 희랍어 부분.
<BDO dir="ltr">여기는 한글 부분.</BDO> <BDO dir="rtl">여기는 희랍어 부분.</BDO><br>
여기는 한글 부분. 여기는 희랍어 부분.
<BDO dir="ltr">여기는 한글 부분. <BDO dir="rtl">여기는 희랍어 부분.</BDO></BDO><br>
여기는 희랍어 부분. 여기는 한글 부분.
전체적으로 방향이 바뀌어 한글 부분이 먼저나온다.
<BDO dir="rtl">여기는 희랍어 부분. <BDO dir="ltr">여기는 한글 부분.</BDO></BDO>